.imagelist{background:#fff;}
.imagelist-content{padding:70px 0;}
.imagelist-content>dir{margin:40px 4px 0 4px;}
.imagelist-list{overflow:hidden; position:relative;}
.imagelist-list>ul{width:100%; position:relative;}
.imagelist-list>ul:after{display:block; content:''; clear:both;}
.imagelist-list>ul>li{float:left; width:20%;}
.imagelist-list>ul>li>a{display:block; position:relative;}
.imagelist-list>ul>li>a>span{display:block; overflow:hidden;}
.imagelist-list>ul>li>a>span>img{display:block; transition:.3s; width:100%;}
.imagelist-list>ul>li>a:hover>span>img{transform:scale(1.05);}
.imagelist-list>ul>li>a>ins{position:absolute; z-index:8; left:0; bottom:0; right:0; padding:40px 20px 20px 20px; background:rgba(0,0,0,0.8); background:linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));}
.imagelist-list>ul>li>a>ins>b{font-size:18px; display:block; color:#fff;}
.imagelist-list>ul>li>a>ins>p{max-height:73px; overflow:hidden; color:#f5f5f5;}
@media(max-width:1600px){
.imagelist-list>ul>li{width:25%;}
}
@media(max-width:1200px){
.imagelist-content{padding:30px 0;}
.imagelist-content>dir{margin-top:25px;}
.imagelist-list>ul>li{width:33.333%;}
}
@media(max-width:992px){
.imagelist-list>ul>li{width:50%;}
}
@media(max-width:767px){
.imagelist-content{padding:15px 0;}
.imagelist-content>dir{margin-top:15px;}
.imagelist-list>ul>li{width:100%;}
.imagelist-list>ul>li>a>ins{padding:25px 8px 15px 8px;}
.imagelist-list>ul>li>a>ins>p{line-height:22px; max-height:66px;}
}