@charset "UTF-8";

.icon-bofang{ font-size:50px; color:#fff; font-weight:bold;}
.zoom-container { width:100%;
position: relative;
overflow: hidden;
display: inline-block;
font-size: 16px;
font-size: 1rem;
vertical-align: top;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;

}
.zoom-container em{
display: block;
position: absolute;
top: -80%;
opacity: 0;
left: 0;
bottom: 0;
right: 0;
text-align: center;
color: inherit;    color: #FD4239;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; cursor:pointer;
}
.zoom-container:hover em{
opacity: 1;
top: 0; 
z-index: 500;
}
.zoom-container:hover em i{
top:39%;
position: absolute;
left: 0;
right: 0;
transform: translateY(-50%);
}



/* Box Model */




.thumbnails{ width:100%; padding-top:10px;}
.thumbnails ul{ width:1250px;}
.thumbnails ul li{ width:356px; height:271px; float:left; margin-top:30px; margin-right:30px;}
.thumbnails ul li .img{width: 100%;height:206px; overflow:hidden;}
.thumbnails ul li .img img {width: 100%;height:206px;-webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; transition: transform 0.4s ease-out;}

.thumbnails ul li a:hover img {transform: scale(1.10);transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-o-transition: all 1s ease-out; -moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;  }
.thumbnails ul li p{ width:100%; height:65px; line-height:65px; font-size:16px; text-align:center; }
.thumbnails ul li a{ transition:all .2s linear; display:block;width:356px; height:271px; background:#f7f9fb;}
.thumbnails ul li a:hover{  }
.thumbnails ul li a:hover p{ color:#fff !important;background:#c3341e;}

.thumbnails ul li a:hover em{background-color: rgba(0,0,0,0.5);display:block; }