.productlist{overflow:hidden; background:; }
.productlist .list-box ul:after{display:block; content:''; clear:both;}
.productlist .list-box ul li{width:25%; float:left;}
.productlist .list-box ul li a{display:block;position: relative; transition:.6s;}
.productlist .list-box ul li a span{display:block; overflow:hidden;}
.productlist .list-box ul li a span img{display:block; width:100%; transition:.6s;}
.productlist .list-box ul li a:hover span img{transform:scale(1.1);transition:0.6s;opacity: 0.8;} 
.productlist .list-box ul li a h3{display:block;font-weight: bold; line-height: 50px !important;background: #f6f6f6;padding: 0 20px;transition: 0.6s;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.productlist .list-box ul li a span:hover h3{color: rgb(0,0,0);}
.productlist .list-box ul li a b.price{background-color: rgba(0,0,0,.08);color: red;padding: 10px;position: absolute;top: 0;right: 0;}
.productlist .list-box ul li a .details{border-top:1px solid #ddd;display: inline-block;color: #757575;width: 100%;margin: 0 auto;background: #f6f6f6; padding: 10px 20px;}
.productlist .list-box ul li a .details em{float: left;font-size: 12px;}
.productlist .list-box ul li a .details i{float:right;}
@media(min-width:992px){
.productlist{padding-top:28px; padding-bottom:28px;}
.productlist .list-box{margin-bottom:18px;}
.productlist .list-box ul li{width:12.5%;}
}
@media(max-width:991px){
.productlist{padding-top:18px; padding-bottom:18px;}
.productlist .list-box{margin-bottom:8px;}
.productlist .list-box ul li{width:25%;}
}
@media(min-width:768px){
.productlist .list-box ul{margin:0 -8px;}
.productlist .list-box ul li{padding:8px;}
.productlist .list-box ul li a h3{padding: 0 20px;}
}
@media(max-width:767px){
.productlist .list-box ul{margin:0 -4px;}
.productlist .list-box ul li{padding:4px;}
.productlist .list-box ul li a h3{padding: 0 10px;}
}