.productlist{padding:58px 0; background:#f8f8f8;}
.productlist-content{background:#fff;}
.productlist-content ul{margin:0 -16px;}
.productlist-content ul:after{display:block; content:''; clear:both;}
.productlist-content ul>li{float:left; width:25%; padding:0 16px; margin-bottom:32px;}
.productlist-content ul>li>a{display:block; border:1px solid #e8e8e8; border-radius:3px; overflow:hidden;}
.productlist-content ul>li>a:hover{box-shadow:0 0 8px rgba(0,0,0,.1);}
.productlist-content ul>li>a>div{position:relative; transition:.3s; overflow:hidden;} 
.productlist-content ul>li>a>div>ins{display:block; overflow:hidden;}
.productlist-content ul>li>a>div>ins>img{width:100%; display:block; transition:.3s;}
.productlist-content ul>li>a>h3{text-align:center; padding:8px 18px; border-radius:3px; background:#fff; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.productlist-content ul>li>a:hover>div>span{transform:translateY(-100%);} 
.productlist-content ul>li>a:hover>div>ins>img{transform:scale(1.08);}
@media(max-width:1200px){
.productlist{padding:38px 0;}
.productlist-content ul{margin:0 -8px;}
.productlist-content ul>li{padding:0 8px; margin-bottom:16px;}
}
@media(max-width:992px){
.productlist-content ul>li{width:50%;}
}
@media(max-width:767px){
.productlist{padding:18px 0;} 
.productlist-content ul{margin:0 -4px;}
.productlist-content ul>li{width:100%; padding:0 4px; margin-bottom:8px;}
}