@charset "utf-8";
html,body,ol,ul,li,a,span,div,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,img,fieldset,legend,blockquote,input,textarea,select,hr{margin:0;padding:0;list-style:none;word-wrap:break-word;outline:none;font-size:100%;}
input,textarea{outline:0;resize:none;}
img{vertical-align:top;border:0;}
input,textarea{font-size:12px;border:none;resize:none;outline:none;color:#666;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
.clearfix:after {clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; }
.clearfix { zoom:1; }
body{font:14px/24px 微软雅黑; color:#666;min-width: 1200px;overflow: hidden;font-style:normal;}
a{color:#666;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{color:#AD171D;text-decoration:none;}:focus{outline:none;}
/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.gr_center{text-align:center;}
.pcnone{ display: none;}
.w0{width: 100%}
.w1000{width:1000px;margin:0 auto;}
.w1100{width:1100px;margin:0 auto;}
.w1200{width:1200px;margin:0 auto;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.title h2 {position: relative;z-index: 9;display: inline-block;zoom: 1;padding: 0 20px;}
.title span { display: inline-block; vertical-align: top;}
.title .cn {line-height:30px;font-family:STXihei,"华文细黑", Microsoft YaHei,Times New Roman;color: #F4F4F4;font-size: 36px;    font-weight: normal;}
.title .en { line-height:50px; font-size: 24px; color:#D4141A;    font-weight: normal;}
.title .bg { height: 1px; width: 100%; background: #dadada; position: absolute; top: 50%; left: 0; }
.title h2 em { position: absolute; top: 0; width: 10px; height: 100%; background: url(../images/titleLeft.gif) no-repeat 0 center; }
.title .left { left: 0;}
.title .right { right: 0; background: url(../images/titleRight.gif) no-repeat 0 center; }
.clear{ clear:both;}

/*header start*/
.header{height: 85px;background: #fff}
.header .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.header .nav_l{ width:440px;margin:0 auto; height:85px; line-height:85px;z-index:9999;}
.header .nav_l a{ color:#333;}
.header .nav_l .nLi{width:110px;float:left;  position:relative; display:inline;}
.header .nav_l .nLi h3 a{ display:block; font-size:16px;}
.header .nav_l .sub{ display:none; width:100px; left:-20px; top:85px;  position:absolute;background:#000;line-height:35px;text-align: center;z-index: 9999}
.header .nav_l .sub li{width: 100px; zoom:1;font-size: 15px;border-bottom: 1px dashed #898989}
.header .nav_l .sub a{ display:block; padding:0 10px;color: #fff}
.header .nav_l .sub a:hover{color:#e67817;}
.header .nav_l .on h3 a{color:#e67817;}
.header .nav_l .nLi:nth-child(3) .sub{ width: 200px; }
.header .nav_l .nLi:nth-child(3) li{ width: 200px;}
.header .nav_l .nLi:nth-child(3) .sub li a{display: block; width: 180px; text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}

.header .nav_r{ width:440px;margin:0 auto; height:85px; line-height:85px;z-index:9999;}
.header .nav_r a{ color:#333;}
.header .nav_r .nLi{width:110px;float:left;  position:relative; display:inline;text-align: right;}
.header .nav_r .nLi h3 a{ display:block; font-size:16px;}
.header .nav_r .sub{ display:none; width:100px; left:42px; top:85px;  position:absolute;background:#000;line-height:35px;text-align: center;z-index: 9999}
.header .nav_r .sub li{width: 100px; zoom:1;font-size: 15px;border-bottom: 1px dashed #898989}
.header .nav_r .sub a{ display:block; padding:0 10px;color: #fff}
.header .nav_r .sub a:hover{color:#e67817;}
.header .nav_r .on h3 a{color:#e67817;}
/*header end*/

/*幻灯片 */
.banner{ width:1920px;margin: 0 auto; position:relative; left:50%; margin-left:-960px;}
.banner .bd{ width:1920px; height:500px; overflow:hidden; z-index:0;}
.banner_ctr{ height:90px;position:absolute;top:50%;z-index:2;left:50%;margin-left:-500px;}
.banner_ctr a{ display:block;width:50px;height:95px; background: url(../images/bannerBtn.png) no-repeat 0 0; position:absolute; opacity:0;filter: alpha(opacity=0);display:block;}
.banner_ctr a.prev{left:-90px;}
.banner_ctr a.next{right:-1090px; background-position: -50px 0px;}
.banner .hd{position:absolute;bottom:20px;text-align: center;z-index:5;left:48%;font-size: 0;line-height: 0;height: 0px;height: 15px;overflow:hidden;}
.banner .hd li{background: #e67817;z-index:2;cursor:pointer;margin:0 10px;display:inline-block;width: 10px;height: 10px;*display:inline;zoom:1;border-radius: 100%;border: 2px solid #e67817;}
.banner .hd li:hover,.banner .hd .on{background:none;border:2px solid  #e67817;}

/*company start*/
.company{height:530px;background: url(../images/combg.jpg) no-repeat center top;margin-top: 40px;}
.company .cb_l{width: 580px;padding-top: 100px;}
.company .cb_r{width: 550px;padding-left: 50px;padding-top: 100px;}
.company .cb_r b{font-size:2.5rem;position: relative;top: -6px;color: #e67817}
.company .cb_r font{font-size: 1.5rem;padding-left: 72px;color: #DEDEDE;}
.company .cb_r p{font-size: 15px;line-height: 170%;color: #fff}
.company .cb_r .more{width: 120px;height: 35px;background: #e67817;margin-top: 25px;text-align: center;line-height: 35px;color: #fff;font-size: 16px;font-weight: bold;}
/*company end*/

/*product*/
.zuoce{height: 100px;background-color:#333;}
.zuoce .zuoce_body{height: 95px;padding-top: 23px;}
.zuoce .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.zuoce .nav2{ width:1200px;margin:0 auto; height:95px; line-height:95px;;position:relative;left:6px;z-index:9999;}
.zuoce .nav2 a{ color:#666;}
.zuoce .nav2 .nLi{width:179px;height:40px;line-height:40px;float:left; position:relative; display:inline;text-align: left;margin-left: 25px;}
.zuoce .nav2 .nLi:nth-child(1) {margin-left: 0px;}
.zuoce .nav2 .nLi:nth-child(8) {margin-left: 0px;}
.zuoce .nav2 .nLi h3 a{ display:block; font-size:15px; font-weight:bold; text-overflow:ellipsis;white-space:nowrap;overflow: hidden; border: 2px #ccc solid; padding: 5px;}
.zuoce .nav2 .sub{ display:none; width:200px; left:0; top:77px;  position:absolute;background:url(../images/libgn.png);line-height:38px; z-index: 9999999;}
.zuoce .nav2 .sub li{width: 200px; zoom:1;font-size: 13px;border-bottom: 1px dashed #898989;}
.zuoce .nav2 .sub a{ display:block; padding:0 10px;color: #fff; width: 180px; text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.zuoce .nav2 .sub a:hover{ background:#EAEAEA; color:#666;}
.zuoce .nav2 .on{ background:url(../images/navhoverbg.png) repeat-x center; color:#666;text-align: left;}
/*product end*/

.new{padding:40px 0 50px 0;}
.new .title{height:75px;background: url(../images/title_n.png) no-repeat center;}
.new .new_l{width: 630px;margin-top: 30px;}
.new .new_l ul{width: 300px;}
.new .new_l ul .zi{padding: 7px 0;}
.new .new_l ul .title_{width:300px;font-size: 16px;color: #363034;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-weight: bold;}
.new .new_l ul p{font-size: 14px;text-indent: 2em;}
.new .new_l ul p:hover{ color: #e67817;}
.new .new_l ul li{width:300px;height: 25px;line-height: 25px;color: #363034;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new .new_r{width: 540px;margin-top: 30px;}
.new .new_r ul li{width: 540px;height: 78px;margin-top: 12px;}
.new .new_r ul li:hover{ color: #e67817;}
.new .new_r ul li .date{width: 76px;height: 68px;border:1px solid #6C6260;text-align: center;padding-top: 8px;}
.new .new_r ul li .date:hover{ color: #e67817;}
.new .new_r ul li .date b{font-size: 30px;color:#483F44;font-family: Arial}
.new .new_r ul li .date p{text-align: center;}
.new .new_r ul a:nth-child(1) li{margin-top: 0px;}
.new .new_r ul li .con{width: 445px}
.new .new_r ul li .con .con_t{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 17px;line-height: 25px;color:#483F44}
.new .new_r ul li .con p{text-indent: 2em;line-height: 150%;position: relative;top: 5px;color: #6A6467}

/*左侧导航*/
.sideBar{ width:215px;margin-bottom: 20px;}
.sideBar .leftTit{ width:100%; height:60px; line-height: 60px; color: #fff; text-align: center; position: relative; font-weight: normal;  font-size: 20px; background:#BF1A20; border-radius: 5px;margin:10px 0px;}
.sideBar .leftTit .iconzz{ width:23px; height: 23px;  background:url(../images/iconzz.png) no-repeat;position: absolute; top: 21px; left:25px;}
.sideBar .con{ width:215px;  border-radius: 5px; line-height:35px; text-align:center; background:#333; font-size:16px; margin: 10px 0px; }
.sideBar .con a{ color:#FFF;  }
/*  左侧联系我们 */
.listLeft .left_title{ background:#BF1A20; height:40px; line-height:40px; font-size: 12px;color: #fff; padding-left:15px; font-size: 14px;font-weight:normal;border-left:5px solid #333;}
.twoCont{padding:15px;overflow:hidden;background:#f4f4f4;}
.sidebartwo .leftTit{ width:100%; height:60px; line-height: 60px; color: #fff; text-align: center; position: relative;font-weight: normal;font-size: 20px; background:#BF1A20; border-radius: 5px;margin:10px 0px;}
.sidebartwo .leftTit .iconzz{ width:23px; height: 23px;  background:url(../images/iconzz.png) no-repeat;position: absolute; top: 21px; left:25px;}
.sidebartwo h3{font-size:15px;margin-bottom:10px; font-weight: 300;}
.sidebartwo h3 span{display:block;font-size:24px;color:#da251c;}
.sidebartwo p{line-height:22px;}
.sidebartwo p span{padding-left:3em;}

/*友链 */
.links{clear:both;line-height:28px;color:#fff;background:#333;font-size: 16px;}
.links a{font-size:14px;color:#fff;}
.ny_title h2{line-height:40px;color:#666666;font-size:18px;border-bottom: 1px #ccc dashed;margin-bottom:10px;font-weight: bold;}
dl.news_dl {font-size:14px; color:#666; padding:5px; line-height:22px; border-bottom:1px dashed #CCCCCC;    margin: 6px;}
.news_dl a img:hover{ background: #EE7703;}
dl.news_dl a{ color:#000; }
dl.news_dl dt {line-height:24px;height:24px;width:710px;overflow:hidden;}
dl.news_dl .dt_1 { height:20px;padding-left:20px;    font-size: 16px;color: #666666; font-weight:bold;text-decoration:none;  }
dl.news_dl .dt_2 { font-size:12px; float:right; padding:0 10px 0 8px;  font-family:"Microsoft YaHei"; }
dl.news_dl .dt_3 { font-size:12px;}
dl.news_dl .dt_3 a { color:#FF0000; text-decoration:underline;} 
dl.news_dl dd {font-size:12px;overflow:hidden;}
.sideWrap { margin-bottom: 19px; }
.sideWrap h2 { background:#1C5C9A;margin-top: 15px; height: 43px; line-height: 43px; font-size:24px; font-weight: bold;color: #fff;text-align: center;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.sideWrap h2 span{ padding-left:10px;}
.sideBox { background: #f2f2f2;}
.sideNewsBox { padding: 11px 12px 13px 11px; }
.sideNewsBox li { border-bottom: 1px solid #d2d2d2; height: 29px; line-height: 29px;  width: 175px !important;}
.sideNewsBox h3 a {background: url(../images/arrow.gif) no-repeat 0 center;color:#393939;display: block;font-size: 13px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 30px;}
.sideNewsBox h3 a:hover {color:#B51C21;font-size: 14px;font-weight: bold;}
.sideContactBox {padding: 12px 40px 14px 17px; line-height: 26px; color: #535353; }

/*case start*/
.ipro{background:#ccc;padding:40px 0;overflow:hidden;}
.ipro_in{background: #dedede;padding-top: 4px;}
.iproer{position:relative;float:left;margin-left:8px;margin-bottom:4px;}
.iproer_in{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/img12.png) repeat;opacity:0;display:none\9;transition:all .3s linear;}
.iproer:hover .iproer_in{opacity:1;display:block\9;}
.iproer_z{position:relative;display:block;width:92%;height:90%;margin:0;margin-top:3.2%;margin-left:3.4%;border:2px solid #fff;text-align:center;font:16px/30px "Microsoft Yahei";color:#dadada;overflow:hidden;}
.iproer_z span{position:absolute;width:100%;left:0;bottom:45%;display:block;height:30px;line-height:30px; font-size:20px;}
.iproer_a{position:absolute;top:8%;right:6%;width:9.69%;cursor:pointer;}
.iproer_a img{max-width:100%;}
.ipro_more{float:left;width:384px;height:79px;padding:7px 8px 6px;margin-bottom:2px;margin-right:330px;background:#025297;text-align:center;}
.ipro_more_in{display:block;width:379px;height:73px;border:2px solid #71bdff;}
.ipro_more_in span{display:inline-block;border-bottom:1px solid #71bdff;width:143px;}
.ipro_more_in .a{font:700 22px/40px "Microsoft Yahei";color:#fff;}
.ipro_more_in .b{font:14px/22px "Microsoft Yahei";color:#fff;}
.iproer:nth-child(9) {margin: -94px 0px 2px;}
/*case end*/
/*main start*/
.main{margin: 40px auto}
.main .pro_list{width:240px;background: #fff;padding-bottom: 17px;}
.main .pro_list .pl_top{width:240px;height: 90px;background: url(../images/pl_top.jpg) no-repeat center;}
.main .pro_list .ul1 li{width: 200px;background: #dfdfdf;margin: 9px auto;line-height: 50px;padding: 0 10px;}
.main .pro_list .ul1 .son{width: 200px;height: 22px;margin:0 auto;line-height: 22px;border-bottom: 1px dashed #dfdfdf}
.main .pro_list .ul1 ul{width:200px;display: none;clear: both;background: #fff}

.main .main_body{width: 830px;background: #fff;padding:10px 0;margin:0}
.main_body .title{width: 810px;height: 35px;margin: 0 auto;border: 2px solid #000;border-width: 0 0 2px 0;line-height: 35px;}
.main_body .title b{font-size: 18px;color: #e67817}
.main_body .title b font{font-size: 14px;font-weight: normal;color: #888}
.main_body .title .fr{font-size: 12px;color: #666}
.main_body .main_bot{width: 800px;padding-top: 10px;margin:0 auto;line-height:28px}
/*main end*/
/*产品中心*/
.pro_body{
	width:860px;
	padding: 10px 0;
	margin-top:15px;
	}
.pro_body ul li {
    width: 284px;
    height: 230px;
	margin-bottom:15px;
}
.pro_body ul li .proimg {
    width: 250px;
    height: 187px;
	
}
.pro_body ul li .proimg img {
    position: relative;
    top: 5px;
    left: 16px;
	border: 1px #dfdfdf solid;
}
.pro_body ul li .prozi {
    width: 238px;
    text-align: center;
    position: relative;
    top: -10px;
	margin-top:20px;
	text-overflow:ellipsis;white-space:nowrap;overflow: hidden;
}
.pro_body ul li .h1{
	width: 250px;
    text-align: center;
    position: relative;
    top: -10px;
    margin-top: 20px;
	text-align:center;
	color:red;}
/*产品右侧*/
.tab {width:950px;}
.tab-title {width:950px;margin:0 auto;overflow: hidden;}
.tab-title .item {display: inline-block;width:125px;height:40px;line-height:40px;text-align: center;color: #dedede;font-size: 16px; background-color:#4F0000; margin:26px 21px; float:left;}
.tab-title .item:hover {background: #D88D45;color: #4F0000}
.tab-newtit .item{ margin: 16px 21px;}
.tab-title .item-cur {color: #fff;background-color: #e04840;}
.tab-cont,.tab_newcont{position: relative; width:950px;overflow: hidden;}
.tabconth{height:700px;}
.tabnewconth{height:700px;}
.tab-cont_wrap {position: absolute;}
.tab-cont .item,.tab_newcont .item {width:950px;text-align: center;color: #fff;}
.tab-cont .item{height:700px; }
.tab_newcont .item{ height: 700px;}
.lanren{width:950px;height:700px;}
.lanren li{width:280px;height:210px;list-style:none;position:relative; overflow:hidden; margin-left:36px; margin-top:6px;margin-bottom: 25px; /*padding: 20px;*/}
.lanren li .a1 img{width:280px;height:210px;}
.lanren li .a1 .divA{position:absolute;bottom:-218px;left:0; width:280px; height:210px;}
/*遮罩*/
.lanren li .a2{position:absolute;top:0;left:-289px;width:280px;height:210px;text-align:center;color:white; background:url('../images/hover.png') no-repeat left top;transition:all 0.2s;}
.lanren li .a2 .p4{width:280px;text-align:center;position:absolute;top:130px;left:-395px;color:#fba114;font-size:16px;transition:all 0.2s 0.1s ease-out;}
/*文章页*/
.ny_title h2 {   line-height: 40px;  color: #666666;   font-size: 18px;    border-bottom: 1px #ccc dashed;  margin-bottom: 20px;  font-weight: bold;}
/*上下篇*/
.per {
    float: left;
    margin-top: 20px;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    background: #E0D8D8;
}
.per p {
    line-height: 35px;
    margin: 0px;
    padding: 0px 10px;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fl{float:left;}
.fr:{float:right;}
/*相关文章*/
.xgwz {
    display: inline-block;
}
.cgbt {
    border-bottom: 1px #ccc solid;
    font-size: 18px;
    font-weight: bold;
    width: 800px;
}
.xgxw {
    width: 360px;
    line-height: 25px;
    height: 25px;
    float: left;
    margin: 5px 20px;
    border-bottom: 1px #ccc dashed;
    white-space: nowrap;
    overflow: hidden;
}
.pro_img2 {
    width: 100%;
    margin: 0px auto;
    height: auto overflow: auto;
}
.pro_img2 ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.pro_img2 ul li {
    float: left;
    width: 150px;
    margin: 10px 5px;
    height: 160px;
}
.pro_img2 ul li a {
    text-decoration: none;
}
.pro_img2 ul li a img {
    width: 150px;
    height: 113px;
    border: 1px #ccc solid;
    border-radius: 3px;
}
.pro_img2 ul li a span {
    width: 150px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    color: #666;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*新闻列表*/
dl.news_dl {
    font-size: 14px;
    color: #666;
    padding: 5px;
    line-height: 22px;
    border-bottom: 1px dashed #CCCCCC;
    margin: 6px;
}
dl.news_dl dt {
    line-height: 24px;
    height: 24px;
    width: 780px;
    overflow: hidden;
}
dl.news_dl .dt_1 {
    height: 20px;
    padding-left: 20px;
    font-size: 16px;
    color: #666666;
    font-weight: bold;
    text-decoration: none;
}
dl.news_dl .dt_2 {
    font-size: 12px;
    float: right;
    padding: 0 10px 0 8px;
    font-family: "Microsoft YaHei";
}
/*上下页*/
.web_pages{width:860px;display: inline-block;}
.web_pages ul{float:left;padding:12px 0px 12px 22px;margin-left:20px;}
.web_pages ul li{float:left;line-height:17px;margin-right:6px; background:#000;}
.web_pages ul li a{float:left;padding:10px;color: #FFF;display:block;}
.web_pages ul li a:hover{background-color:#e67817; color:#fff;text-decoration:none;padding:10px;}
.web_pages ul li.thisclass,
.web_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#e67817; color:#fff;padding:5px;font-weight:bold;}
.web_pages .pageinfo{line-height:28px;padding:12px 10px 12px 16px;color:#FFF;}
.web_pages .pageinfo strong{color:white;margin:0px 2px;}

/*左侧新闻栏*/
.nu{}
.nu .ull{margin-top:5px;}
.nu .ull .lii{text-overflow:ellipsis;white-space:nowrap; overflow: hidden; height: 30px;line-height: 30px;padding-left: 20px; background: url(../images/jt.png) no-repeat center left; border-bottom: 1px dashed #CCCCCC;}
.nu .ull .n{font-size: 24px;background: #e67817;color: #fff;text-align: center;line-height: 50px;}

/*footer start*/
.footer{background: #434343;padding:30px 0;color: #fff}
.footer a{color: #fff}
.footer .foot_body .ul1{width: 322px;height: 200px;border-width: 0 0 1px 0}
.footer .foot_body .ul1 li{height: 28px;line-height: 28px;}
.footer .foot_body .ul1 .title{font-size: 18px;height: 35px;line-height: 35px;}
.footer .foot_body .ul2{width: 265px;height: 200px;border-width: 0 0 1px 0}
.footer .foot_body .ul2 li{height: 28px;line-height: 28px;}
.footer .foot_body .ul2 .title{font-size: 18px;height: 35px;line-height: 35px;}
.footer .foot_body .casedb li{width: 240px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.footer .foot_body .contactdb .li1{height: 20px;line-height: 20px;color:#fff}
.footer .foot_bot{padding-top: 20px; border-top:1px solid #fff;}
.footer .foot_bot p{text-align: center;}
/*footer end*/
/*网站地图*/
.mapbody{margin:0 auto;}
#content01 h3{ font-size: 20px;padding: 10px;margin-left: 22px;color:#04AFDA;line-height: 20px;font-weight: 600;border-bottom: #d6d6d6 1px solid;    clear: both; }
#content01 h3 span{float: right;font-weight: 100; font-size: 12px;color: #666666;}
#content01{float:left;line-height:30px;font-size:14px;margin-left:10px;margin-right:10px; margin-bottom:20px;  margin-top: 25px;  width: 1100px;}
#contact-c li{margin-top:10px;}
.linkbox{padding:0px 30px; width:auto;}.f6{width:990px;}.linkbox h3{ width:150px;}
.linkbox ul li{border-bottom:1px #ccc dashed;margin-left:15px; width:auto; float:left;list-style:none; line-height:30px;text-align: center; margin-bottom: 10px;}
.linkbox .sj{ width:900px;}.linkbox .sj ul li{ float:left; }
.hotnew_bt{font-size:16px;width:1200px;float:left;color:#666666;font-weight: bold;border-bottom:#111111 2px solid;margin-bottom: 20px;}
.hotnew{ width:auto;padding: 0px 30px;}
.hotnew ul li{border-bottom:1px #ccc dashed; float:left;margin-left:15px;}
.wrapper {width:1200px;margin: 0 auto;}
/*产品中心*/
#solve{background:rgb(250,250,250);width:100%;padding-bottom: 2%;}
#solve .solve_title{text-align:center;font-weight:500;font-size:2.25rem;padding:30px 0;color:#707473}
.grid {
	overflow: hidden;
	margin: 0;
	width: 100%;
	list-style: none;
	text-align: center;
}
/* Common style */
.grid figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: -0.135em;
	width: 32%;
	margin-right: 1px;
	margin-bottom: 1px;
	text-align: center;
	cursor: pointer;
}
.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	opacity: 0.8;
}
.grid figure figcaption {
	/*padding: 2em;*/
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}
.grid figure figcaption,
.grid figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.grid figure h2 {
	word-spacing: -0.15em;
	
	font-weight: 300;
}
.grid figure h2 span {
	font-weight: 800;
}
.grid figure h2,
.grid figure p {
	margin: 0;
}
.grid figure p {
	/*letter-spacing: 1px;*/
	font-size:16px;
}
figure.effect-lily img {
	width: -webkit-calc(100% + 50px);
	width: calc(100%);
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}
figure.effect-lily figcaption {
	top: auto;
	bottom: 0;
	height: 50%;
	text-align: left;
}
figure.effect-lily h2,
figure.effect-lily p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}
figure.effect-lily h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
figure.effect-lily p {
	color: rgba(255,255,255,0.6);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}
figure.effect-lily:hover img,
figure.effect-lily:hover p {
	opacity: 1;
}
figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}
/*---------------*/
/***** Sadie *****/
/*---------------*/
figure.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}
figure.effect-sadie h2 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #484c61;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}
figure.effect-sadie figcaption::before,
figure.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
figure.effect-sadie p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}
figure.effect-sadie:hover h2 {
	color: #fff;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}
figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*---------------*/
/***** Roxy *****/
/*---------------*/
figure.effect-roxy {
	background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
	background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
}
figure.effect-roxy img {
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50px,0,0);
	transform: translate3d(-50px,0,0);
}
figure.effect-roxy figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-20px,0,0);
	transform: translate3d(-20px,0,0);
}
figure.effect-roxy figcaption {
	padding: 3em;
	text-align: left;
}
figure.effect-roxy h2 {
	padding: 30% 0 10px 0;
}
figure.effect-roxy p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
}
figure.effect-roxy:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-roxy:hover figcaption::before,
figure.effect-roxy:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*---------------*/
/***** Bubba *****/
/*---------------*/
figure.effect-bubba {
	background: #9e5406;
}
figure.effect-bubba img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
figure.effect-bubba:hover img {
	opacity: 0.4;
}
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}
figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}
figure.effect-bubba h2 {
	padding-top: 30%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}
figure.effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}
figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*---------------*/
/***** Romeo *****/
/*---------------*/
figure.effect-romeo {
	-webkit-perspective: 1000px;
	perspective: 1000px;
}
figure.effect-romeo img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,0,300px);
	transform: translate3d(0,0,300px);
}
figure.effect-romeo:hover img {
	opacity: 0.6;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-romeo figcaption::before,
figure.effect-romeo figcaption::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	height: 1px;
	background: #fff;
	content: '';
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}
figure.effect-romeo:hover figcaption::before {
	opacity: 0.5;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
	transform: translate3d(-50%,-50%,0) rotate(45deg);
}
figure.effect-romeo:hover figcaption::after {
	opacity: 0.5;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
	transform: translate3d(-50%,-50%,0) rotate(-45deg);
}
figure.effect-romeo h2,
figure.effect-romeo p {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
figure.effect-romeo h2 {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
	transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
}
figure.effect-romeo p {
	padding: 0.25em 2em;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
	transform: translate3d(0,-50%,0) translate3d(0,150%,0);
}
figure.effect-romeo:hover h2 {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
	transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
}
figure.effect-romeo:hover p {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);
	transform: translate3d(0,-50%,0) translate3d(0,100%,0);
}
/*---------------*/
/***** Layla *****/
/*---------------*/
figure.effect-layla {
	background: #18a367;
}
figure.effect-layla img {
	min-width: 100%;
	height: -webkit-calc(100% + 40px);
	height: calc(100% + 40px);
}
figure.effect-layla figcaption {
	padding: 3em;
}
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}
figure.effect-layla figcaption::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
figure.effect-layla figcaption::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}
figure.effect-layla h2 {
	padding-top: 26%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
figure.effect-layla p {
	padding: 0.5em 2em;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}
figure.effect-layla img,
figure.effect-layla h2 {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}
figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
figure.effect-layla:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.effect-layla:hover h2,
figure.effect-layla:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
/*---------------*/
/***** Honey *****/
/*---------------*/
figure.effect-honey {
	background: #4a3753;
}
figure.effect-honey img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
figure.effect-honey:hover img {
	opacity: 0.5;
}
figure.effect-honey figcaption::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}
figure.effect-honey h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 1em 1.5em;
	width: 100%;
	text-align: left;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}
figure.effect-honey h2 i {
	font-style: normal;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}
figure.effect-honey figcaption::before,
figure.effect-honey h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
figure.effect-honey:hover figcaption::before,
figure.effect-honey:hover h2,
figure.effect-honey:hover h2 i {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*---------------*/
/***** Oscar *****/
/*---------------*/
figure.effect-oscar {
	background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
	background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
}
figure.effect-oscar img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
figure.effect-oscar figcaption {
	padding: 3em;
	background-color: rgba(58,52,42,0.7);
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}
figure.effect-oscar figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
}
figure.effect-oscar h2 {
	margin: 20% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}
figure.effect-oscar figcaption::before,
figure.effect-oscar p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}
figure.effect-oscar:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.effect-oscar:hover figcaption {
	background-color: rgba(58,52,42,0);
}
figure.effect-oscar:hover img {
	opacity: 0.4;
}
/*---------------*/
/***** Marley *****/
/*---------------*/
figure.effect-marley figcaption {
	text-align: right;
}
figure.effect-marley h2,
figure.effect-marley p {
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0;
}
figure.effect-marley p {
	bottom: 30px;
	line-height: 1.5;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}
figure.effect-marley h2 {
	top: 30px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}
figure.effect-marley:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-marley h2::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}
figure.effect-marley h2::after,
figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*---------------*/
/***** Ruby *****/
/*---------------*/
figure.effect-ruby {
	background-color: #000;
}
figure.effect-ruby img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.effect-ruby:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}
figure.effect-ruby h2 {
	margin-top: 20%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}
figure.effect-ruby p {
	width: 75%;
	margin: 5.5em auto 0;
	padding: 1em;
	border: 1px solid #fff;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
} 
figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}
/*---------------*/
/***** Milo *****/
/*---------------*/
figure.effect-milo {
	background: #2e5d5a;
}
figure.effect-milo img {
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-30px,0,0) scale(1.12);
	transform: translate3d(-30px,0,0) scale(1.12);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure.effect-milo:hover img {
	opacity: 0.5;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}
figure.effect-milo h2 {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 1em 1.2em;
}
figure.effect-milo p {
	padding: 0 10px 0 0;
	width: 50%;
	border-right: 1px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0,0);
	transform: translate3d(-40px,0,0);
}
figure.effect-milo:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*---------------*/
/***** Dexter *****/
/*---------------*/
figure.effect-dexter {
	background: -webkit-linear-gradient(top, rgba(37,141,200,1) 0%, rgba(104,60,19,1) 100%);
	background: linear-gradient(to bottom, rgba(37,141,200,1) 0%,rgba(104,60,19,1) 100%); 
}
figure.effect-dexter img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
figure.effect-dexter:hover img {
	opacity: 0.4;
}
figure.effect-dexter figcaption::after {
	position: absolute;
	right: 30px;
	bottom: 30px;
	left: 30px;
	height: -webkit-calc(50% - 30px);
	height: calc(50% - 30px);
	border: 7px solid #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
}
figure.effect-dexter:hover figcaption::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-dexter figcaption {
	padding: 3em;
	text-align: left;
}
figure.effect-dexter p {
	position: absolute;
	right: 60px;
	bottom: 60px;
	left: 60px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
}
figure.effect-dexter:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*---------------*/
/***** Sarah *****/
/*---------------*/
figure.effect-sarah {
	background: #42b078;
}
figure.effect-sarah img {
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure.effect-sarah:hover img {
	opacity: 0.4;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-sarah figcaption {
	text-align: left;
}
figure.effect-sarah h2 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0;
}
figure.effect-sarah h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}
figure.effect-sarah:hover h2::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-sarah p {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}
figure.effect-sarah:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*---------------*/
/***** Zoe *****/
/*---------------*/
figure.effect-zoe figcaption {
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 3.75em;
	background: #fff;
	color: #3c4a50;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}
figure.effect-zoe h2 {
	float: left;
}
figure.effect-zoe figcaption > span {
	float: right;
}
figure.effect-zoe p {
	position: absolute;
	bottom: 8em;
	padding: 2em;
	color: #fff;
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
figure.effect-zoe h2,
figure.effect-zoe figcaption > span {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}
figure.effect-zoe figcaption > span::before {
	display: inline-block;
	padding: 8px 10px;
	font-family: 'feathericons';
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-eye::before {
	content: '\e000';
}
.icon-paper-clip::before {
	content: '\e001';
}
.icon-heart::before {
	content: '\e024';
}
figure.effect-zoe h2 {
	display: inline-block;
}
figure.effect-zoe:hover p {
	opacity: 1;
}
figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover figcaption > span {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-zoe:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}
figure.effect-zoe:hover figcaption > span:nth-child(4) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
figure.effect-zoe:hover figcaption > span:nth-child(3) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
figure.effect-zoe:hover figcaption > span:nth-child(2) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
/*---------------*/
/***** Chico *****/
/*---------------*/
figure.effect-chico img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}
figure.effect-chico:hover img {
	
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.effect-chico figcaption {
	padding: 3em;
}
figure.effect-chico figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
figure.effect-chico figcaption::before,
figure.effect-chico p {
	
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
figure.effect-chico h2 {
	padding: 20% 0 20px 0;
}
figure.effect-chico p {
	margin: 0 auto;
	max-width: 200px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}
figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
@media screen and (max-width: 69.5em) {
	.grid figure {
		width: 50%;
	}	
	.grid figure figcaption {
		font-size: 90%;
	}
}
@media screen and (max-width: 41.5em) {
	.grid figure {
		width: 100%;
	}
}
span.title_c{font-size: 16px;display: block;height:30px;line-height: 30px;width: 180px;background: #C59E47;position: absolute;top: 258px;left: 205px;}