@charset "utf-8";
/*
author:中国易网-www.chneweb.com
date:2019-08
*/

/*------------------------全局--------------------*/
html,body,form,fieladset,h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd,address {
    margin:0;
    padding:0;

}
ul,ol,dd {
    list-style-type:none;
    margin-left:0;
    padding-left:0;
}
li {
    padding: 0px;list-style-image: none;list-style-type: none;margin: 0px;
}
img,form {
    margin:0;
    padding:0;
    border:0;
}
html {
    margin:0px auto;
    padding:0;
    min-width: 1200px;
    max-width: 1920px;
}
body {
    margin:0px auto;
    padding:0;
    min-width: 1200px;
    max-width: 1920px;
    font-size:12px;
    color:#333;
    font-family:'Microsoft Yahei', '微软雅黑', Helvetica, 'Hiragino Sans GB', Arial, sans-serif;
    background-color:#FFF;
}
img,form,ul,p{
    margin:0px;
    padding:0px;
    border:0px;
}
input,textarea,select {
    color:#666666;
    font-size:12px;
    font-family:tahoma, verdana, arial, helvetica, sans-serif;
}
td {
    line-height: 150%;
    font-size:12px;
}
th {
    line-height: 150%;
    font-size:12px;
}

a{
    color:#333;
    text-decoration:none;
}
a:hover{
    color:#333;
}
/* clearfix
--------------------------------------------------------------------*/
.clear:after,.main:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear {
    clear:both;	/*控制分类后，各行高度不一样对不齐问题*/
    width:100%;
    height:0px;
    font-size:0;
    overflow:hidden;	/*控制分类后，各行高度不一样对不齐问题*/
}
.clear,.main {display: inline-block;}/*IE7用*/
* html .clear,* html .main { zoom: 1; display: inline-block;}/* Hides from IE-mac \*/
html{
    overflow-x:hidden;
}       
.clear,.main{ display:block;}/* End hide from IE-mac */
.clear {/*clear: both;height:1px;margin-top:-1px;overflow:hidden;*/}
.zoom{ zoom: 1; overflow: hidden;}



.clearfix:after{ clear:both; height:0; overflow: hidden; display:block; visibility:hidden; content:".";font-size:0;}
.noie6 {font-size:12px;color:#FF9900;font-family:arial,verdana,helvetica,sans-serif;}
.noie6 a ,.noie6 a:hover {color:#990000;}
tr, td, img {border-width: 0;margin: 0;padding: 0;}
.fl {float:left;}
.fr {float:right;}
.displaynone {display: none;}
.displaytrue {overflow: hidden;}
a {outline: none;}
form {margin: 0;padding: 0;}
table {border-collapse: collapse;}

* {padding: 0;margin: 0;}
p {margin: 5px 0px 5px 0px;}
input, textarea {font-size: 12px;}
textarea {padding: 0px;margin: 0px;}

/*h1,h2,h3,h4, h4 a, #secnav a {color: #333;text-shadow: rgba(70, 70, 70, .3) 1px 1px 0px;}*/

a.toplink {font-size: 14px;color: #fff;	text-decoration: none;}
a:visited.toplink {font-size: 14px;color: #fff;text-decoration: none;}
a:hover.toplink {color: #ffe400;font-size: 14px;text-decoration: underline;}
a.toplink2 {font-size: 14px;color: #ffe400;text-decoration: none;}
a:visited.toplink2 {font-size: 14px;color: #ffe400;text-decoration: none;}
a:hover.toplink2 {color: #ffe400;font-size: 14px;text-decoration: underline;}
a.novlink {color: #fff;	text-decoration: none;}
a:visited.novlink {color: #fff;text-decoration: none;}
a:hover.novlink {color: #ffe400;text-decoration: underline;}
a.morn{font-size:12px;color:#909090;text-decoration:underline;}
a:visited.morn{font-size:12px;color:#909090;text-decoration:underline;}
a:hover.morn{color:#0a61c4;font-size:12px;text-decoration:none;}
a.infolist {font-size: 12px;color: #626262;text-decoration: none;}
a:visited.infolist {font-size: 12px;color: #626262;text-decoration: none;}
a:hover.infolist {color: #0a61c4;font-size: 12px;text-decoration: underline;}
a.infolist_fff {font-size: 12px;color: #fff;text-decoration: none;}
a:visited.infolist_fff {font-size: 12px;color: #fff;text-decoration: none;}
a:hover.infolist_fff {color: #ffe400;font-size: 12px;text-decoration: underline;}
a.typelink {font-size: 12px;color: #FF7F00;text-decoration: none;}
a:visited.typelink {font-size: 12px;color: #FF7F00;text-decoration: none;}
a:hover.typelink {color: #FF7F00;font-size: 12px;text-decoration: underline;}

a.contentpage{font-size:12px;color:#ff0000;text-decoration:underline;}
a:visited.contentpage{font-size:12px;color:#ff0000;text-decoration:underline;}
a:hover.contentpage{color:#0060ff;font-size:12px;text-decoration:none;}

a.infolist_orning{font-size:12px;color:#fe6c00;text-decoration:underline;}
a:visited.infolist_orning{font-size:12px;color:#E05600;text-decoration:underline;}
a:hover.infolist_orning{color:#2C45B5;font-size:12px;text-decoration:none;}


a.taglink {color: #1D1D1B;font-weight: bold;text-decoration: underline;}
a:visited.taglink {color: #1D1D1B;font-weight: bold;text-decoration: underline;}
a:hover.taglink {color: #DC1818;font-weight: bold;text-decoration: none;}
a.taglink2 {color: #636363;font-size:14px;text-decoration: underline;}
a:visited.taglink2 {color: #636363;font-size:14px;text-decoration: underline;}
a:hover.taglink2 {color: #DC1818;font-size:14px;text-decoration: none;}

a.tag1{font:20px; color:#FF0000; text-decoration:none;}
a.tag2{text-decoration:none; color: #CC3300; font-size:11px;}
a.tag3{text-decoration:none;color: #000033; font-size:15px;}
a.tag4{text-decoration:none;color: #3333CC; font-size:16px;}
a.tag5{text-decoration:none;color: #0099FF; font-size:10px;}
a.tag6{text-decoration:none; color: #9966CC; font-size:13px;}
a.tag7{text-decoration:none; color: #996600; font-size:25px;}
a.tag1:hover{color: #FFFF00; text-decoration:none;}
a.tag2:hover{text-decoration:none; color:#006}
a.tag3:hover{ftext-decoration:none;color:#fcc}
a.tag4:hover{text-decoration:none;color: #3CC}
a.tag5:hover{text-decoration:none;color: #F99}
a.tag6:hover{ text-decoration:none; color: #9CC}
a.tag7:hover{text-decoration:none; color: #333333}

a.searchinfolist {font-size: 14px;color: #1651DA;text-decoration: none;}
a:visited.searchinfolist {font-size: 14px;color: #1651DA;text-decoration: none;}
a:hover.searchinfolist {color: #009808;font-size: 14px;text-decoration: underline;}

a.infolink02{font-size:12px;text-decoration:underline;font-weight:bold;padding:0px 5px 0px 5px;}
a:visited.infolink02{font-size:12px;text-decoration:underline;font-weight:bold;padding:0px 5px 0px 5px;}
a:hover.infolink02{color:#EB5A00;font-size:12px;text-decoration:none;font-weight:bold;padding:0px 5px 0px 5px;}

a.infolink03{font-size:12px;color:#364BE7;text-decoration:none;}
a:visited.infolink03{font-size:12px;color:#364BE7;text-decoration:none;}
a:hover.infolink03{color:#EB5A00;font-size:12px;text-decoration:underline;}

a.infolink04{font-size:14px;text-decoration:underline;font-weight:bold;}
a:visited.infolink04{font-size:14px;text-decoration:underline;font-weight:bold;}
a:hover.infolink04{color:#EB5A00;font-size:14px;text-decoration:none;font-weight:bold;}

.hrefbotton{list-style: none;margin: 0 auto;padding: 0;position: relative;}
.hrefbotton li {float: left;background: url('../images/application.gif') no-repeat -86px -445px;height: 28px;line-height: 28px;width: 143px;margin-right:5px;margin-bottom:5px;text-align: center;}

a.linimage {font-size: 10.3pt;font-weight: bold;color: #103d64;text-decoration: none;}
a:visited.linimage {font-size: 10.3pt;font-weight: bold;color: #103d64;text-decoration: none;}
a:hover.linimage {font-size: 10.3pt;font-weight: bold;text-decoration: none;color: #FC5927;}

a.btninfo1 {background: url(../images/botton_order_bg.jpg) no-repeat;background-position: 0px -33px;color: #fff;font-size:14px;padding-left: 28px;width: 120px;height: 33px;line-height: 30px;border: 0px;display: inline-block;}
a:visited.btninfo1 {background: url(../images/botton_order_bg.jpg) no-repeat;background-position: 0px -33px;font-size:14px;color: #fff;}
a:hover.btninfo1 {background: url(../images/botton_order_bg.jpg) no-repeat;background-position: 0px -33px;font-size:14px;color: #fff;}

a.btninfo2 {background: url(../images/botton_order_bg.jpg) no-repeat;background-position: 0px 0px;color: #fff;font-size:14px;padding-left: 28px;width: 120px;height: 33px;line-height: 30px;border: 0px;display: inline-block;}
a:visited.btninfo2 {background: url(../images/botton_order_bg.jpg) no-repeat;background-position: 0px -0px;font-size:14px;color: #fff;}
a:hover.btninfo2 {background: url(../images/botton_order_bg.jpg) no-repeat;background-position: 0px -0px;font-size:14px;color: #fff;}

em {color: #C00;font-style: normal;font-weight: bold;}
.em {color: #C00;font-style: normal;font-weight: bold;margin-left: 5px;margin-right: 5px;text-decoration: underline;}
/*from*/

input.smallInput {font-size: 9pt;padding: 0px;height: 20px;clip: rect;color: #000000;border-color: black #CAD9EA #CAD9EA black;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;background-color: #FFFFFF;}

input.buttonface {
    margin-top: 10px;
    background: url(../images/botton_bg.jpg) no-repeat;background-position: 0px 0px;
    color: #fff;
    font-weight: bold;
    padding: 0px;
    width: 81px;
    height: 24px;
    line-height: 24px;
    border: 0px;
    cursor: pointer;
}
input.buttonface:hover {
    background: url(../images/botton_bg.jpg) no-repeat;
    background-position: 0px 0px;
    color: #57250e;
    font-weight: bold;
    padding: 0px;
    margin-top: 10px;
    width: 81px;
    height: 24px;
    line-height: 24px;
    border: 0px;
    cursor: pointer;
}
input.buttonface1 {
    background: url(../images/botton_bg.jpg) no-repeat;
    background-position: 0px -24px;
    color: #fff;
    font-weight: bold;
    padding: 0px;
    margin-top: 10px;
    width: 81px;
    height: 24px;
    line-height: 24px;
    border: 0px;cursor: pointer;
}
input.buttonface1:hover {
    background: url(../images/botton_bg.jpg) no-repeat;
    background-position: 0px -24px;
    color: #57250e;
    font-weight: bold;
    padding: 0px;
    margin-top: 10px;
    width: 81px;
    height: 24px;
    line-height: 24px;
    border: 0px;
    cursor: pointer;
}

input.buttonface2 {
    color: #fff;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    width: 140px;
    height: 36px;
    line-height: 36px;
    border: 0px;
    cursor: pointer;
    background-color: #FB559F;
}

input.buttonface2:hover {
    color: #57250e;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    width: 140px;
    height: 36px;
    line-height: 36px;
    border: 0px;
    cursor: pointer;
    background-color: #FB559F;
}

input.infoInput {
    font-size: 9pt;
    height: 24px;
    clip: rect;
    color: #000000;
    background-color: #fff;
    border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    background: url(../images/class_bg.jpg) repeat-x;
    background-position: 0px -0px;
}
input.infoInput:hover {
    font-size: 9pt;
    padding: 0px 0px 0px 2px;
    height: 24px;
    clip: rect;
    color: #000000;
    background-color: #fff;
    border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    background: url(../images/class_bg.jpg) repeat-x;
    background-position: 0px -37px;
}


input.bottons02 {color: #209248;font-weight: bold;padding: 0px;margin: 0px;width: 80px;height: 23px;line-height: 22px;border-color: #a0a0a0 #CAD9EA #CAD9EA #a0a0a0;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;background: url(../images/class_bg.jpg) repeat-x;background-position: 0px -0px;cursor: pointer;}
input.bottons02:hover {color: #EE5B17;background: url(../images/class_bg.jpg) repeat-x;background-position: 0px -120px;cursor: pointer;}
input.bottons03 {color: #EE5B17;padding: 0px;margin: 0px;width: 100px;height: 23px;line-height: 22px;border-color: #a0a0a0 #CAD9EA #CAD9EA #a0a0a0;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;background: url(../images/class_bg.jpg) repeat-x;background-position: 0px -80px;cursor: pointer;}
input.bottons03:hover {color: #209248;background: url(../images/class_bg.jpg) repeat-x;background-position: 0px -120px;cursor: pointer;}
input.bottons04 {color: #EE5B17;padding: 0px;margin: 0px;width: 60px;height: 21px;line-height: 20px;border-color: #a0a0a0 #CAD9EA #CAD9EA #a0a0a0;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;cursor: pointer;}
input.bottons04:hover {color: #209248;background: url(../images/class_bg.jpg) repeat-x;background-position: 0px -120px;cursor: pointer;}
input.inputsubmit01 {background: url(../images/subbotton.gif) no-repeat;background-position: 0px -81px;color: #4775b2;font-weight: bold;padding: 0px;margin: 0px;width: 115px;height: 27px;line-height: 27px;border: 0px;cursor: pointer;}
input.inputsubmit01:hover {background: url(../images/subbotton.gif) no-repeat;background-position: 0px -0px;color: #57250e;font-weight: bold;padding: 0px;margin: 0px;width: 115px;height: 27px;line-height: 27px;border: 0px;cursor: pointer;}
/*表单*/
.formlist td, formlist th {padding: 10px 0px 5px 0px;vertical-align : middle;}
.formlist th {text-align: right;padding-right: 5px;font-weight:normal;}
.formlist th.th2 {text-align: right;width:15%;padding-right: 5px;font-weight:normal;}
.formlist th.th3 {text-align: right;width:25%;padding-right: 5px;font-weight:normal;}
.formlist td.td01 {background-color: #F0F0F0;color:#0f66cd;height: 25px;line-height: 25px;padding: 5px 0px 5px 5px;}
.formlist td span {padding-left: 5px;color: #ADADAD;vertical-align : middle;}
/*表单二*/
.formlist2 td, formlist2 th {padding: 4px;height:28px;line-height:28px;vertical-align : middle;}
.formlist2 th {text-align: right;padding-right: 5px;padding-left: 10px;font-weight:normal;}
.formlist2 td span {padding-left: 5px;color: #ADADAD;vertical-align : middle;}
.formlist2 .content {padding: 5px 0px 5px 25px;line-height: 200%;color: #FF580A;font-weight:bold;}

/*表单三*/

.formlist3 td{padding: 5px 0px 5px 10px;line-height: 180%;}
.formlist3 td.line{padding: 5px 0px 5px 0px;width:20%;border-right: 2px solid #DADBD6;font-weight: bold;color:#014597}

/*font*/
.strong {font-weight: bold;}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.floatleft {float: left;}
.floatright {float: right;}
.margin0 {margin: 0 auto;}
.f12{font-size:12px!important;}
.f13{font-size:13px!important;}
.f14{font-size:14px!important;}
.f16{font-size:16px!important;}
.redyellow {color:#FF7F00!important;}
.bluedark {color:#1A4280!important;}
.white {color:#FFFFFF!important;}
.gray {color:#9A9A9A!important;}
.colorgwhite {color: #ffffff;}
.colorgreen {color: #0f66cd;}
.colorgreg {color: #E60000;}
.colorgblue {color: #2F44A2;}
.colorghow {color: #FC5B00;}
.colorgorning {color: #4D4D4D;}
.colorgorning2 {color: #67625f;}
.colorgorning3 {color: #90898C;}
.colorgorningage {color: #ff5b0b;}
.colorthree {color: #2E9438;}
.fontsize14 {font-size: 14px;}
.bgcolorthree {background-color: #E3E3E3;}
.bgcolorthree2 {background-color: #F0F0F0;}
.bgcolororning {background-color: #D7E8F8;font-family: Georgia,'Times New Roman',times,serif;}
.bgoclorcontent {background-color: #f6fcff;}
.lineheight150 {line-height: 150%;}
.lineheight180 {line-height: 180%;}
.lineheight200 {line-height: 200%;}
.padding-left5 {padding-left: 5px;}
.padding-left10 {padding-left: 10px;}
.padding-left3 {padding-left: 3px;}
.padding-right3 {padding-right: 5px;}
.pt25 {
    padding-top: 25px;
}
.margintleft10{margin-left: 10px;}
.margintleft24{margin-left: 24px;}
.margintop5 {margin-top: 5px;}
.margintop8 {margin-top: 8px;}
.margintop10 {margin-top: 10px!important;}
.margintop15 {margin-top: 15px!important;}
.margintop20 {margin-top: 20px!important;}
.margintop60 {margin-top: 60px!important;}
.margintop01{margin-top:1px;}
.fonttextindent2em{
    text-indent:2em;
}
.fonttextindent2em img{text-indent:0;}
.hrline{height: 0px;border: 1px solid #CFE8F7;}
.bookline {border-top: 1px solid #E5E5E5;font-size: 0px;height: 1px;margin: 5px 0px 5px 0px;}
.otherZt {border-top: 1px dashed #DADBD6;margin: 10px 0px 10px 0px;}
.bookline {border-top: 1px solid #E5E5E5;font-size: 0px;height: 1px;margin: 5px 0px 5px 0px;}
/*通用按钮控制*/
.com_btn {
    display: block;
    width: 142px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #FB559F;
    border-radius: 20px;
    text-align: center;
    font-size: 13px;
    color: #FB559F;
}

/*浏览器滚动条*/
::-webkit-scrollbar/*整体部分*/
{
    width: 10px;
    height:10px;
}
::-webkit-scrollbar-track/*滑动轨道*/
{
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
    border-radius: 0px;
    background: rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb/*滑块*/
{
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(251,85,159,0.5);
}
::-webkit-scrollbar-thumb:hover/*滑块效果*/
{
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(251,85,159,0.5);
}

/*网页文字复选中制效果*/
::selection {
    background: rgba(251,85,159,1);
    color:#fff;
}
::-moz-selection{
    background: rgba(251,85,159,1);
    color:#fff;
}
/*网页文字复选中制效果*/
.header, .main, .footer, .slideBox, .page_banner {
    margin: 0 auto;
    max-width: 1920px;
    min-width: 1200px;/* 调整全局的宽度 必须是10 的倍数 */
    text-align: left;
    position: relative;
}
/*图片列表鼠标经过效果*/

.view {
    padding: 5px;
    width: 25%;
    display:inline;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    box-sizing: border-box;
}
.view .mask,.view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
.view img {
    display: block;
    position: relative;
    border: 1px solid #DEDEDE;
}
.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    margin: 20px 0 0 0;
}
.view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center;
}
.view a.info {
    display: inline-block;
    padding: 7px 14px;
    color: #fff;
    text-decoration: underline;
}
.view a.info:hover {

}
.view-first img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.view-first .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    background-color: rgba(251,85,159, 0.7);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.view-first h2 {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.view-first p {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.view-first:hover img {
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
.view-first a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-decoration: underline;
}
.view-first:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    text-decoration: underline;
}
.view-first:hover p {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.view-first:hover a.info {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
    text-decoration: underline;
}