@charset "utf-8";

.ui-images__list>ul:after, 
.ui-images__list>ul:after, 
.ui-images__list>ul:before {content: "";display: block;visibility: hidden;clear: both;}
.ui-images__list>ul>li{display:inline-block;float:left;position:relative;width:33%;height:361px;margin:20px 0;text-align:left;vertical-align:top;}
.ui-images__list>ul>li>a{display:block;position:relative;}
.ui-images__list>ul>li>a>.item{position: relative; display: block;height:100%;margin:7px; padding:30px;border:1px solid #ddd; border-radius: 5px; background: #fff;transition:0.5s;-webkit-transition:0.5s;}
.ui-images__list>ul>li>a:hover .item, 
.ui-images__list>ul>li>a:focus .item{padding:25px;background-color:#2397d4;box-shadow:10px 10px 10px rgba(0,0,0,0.1);}
.ui-images__list>ul>li>a>.item .img_box{display:block;position: relative;overflow: hidden;height: 154px;margin:0 auto 10px;background:#fff;border-radius:5px;}
.ui-images__list>ul>li>a>.item .img_box img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);/* max-width: 100%; *//* max-height: 100%; */width: 100%;}
.ui-images__list>ul>li>a>.item .title{display:block;font-size:20px;line-height:1.3;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ui-images__list>ul>li>a>.item .btn_wrap{display:block;width:100%}
.ui-images__list>ul>li>a>.item .btn_wrap .btn_box{padding:10px 0;background-color:#d6dde2;border-radius:5px;color:#464b4f;text-align:center;display: block;width:100%}
.ui-images__list>ul>li>a>.item .inner{display:block;}
.ui-images__list>ul>li>a>.item .inner>em{display:inline-block;position:relative;padding-left: 0;margin-right: 0;height: 24px;overflow: hidden;}
.ui-images__list>ul>li>a>.item .inner>em .ir{position:absolute;top:3px;left:0;width:15px;height:15px;background-color:#000;border-radius:50%;background: url(/pcms/common/images/ir/ir-theme__icon.png);}
.ui-images__list>ul>li>a:hover .item .title, 
.ui-images__list>ul>li>a:focus .item .title{color:#fff;}
.ui-images__list>ul>li>a:hover .item .inner>em , 
.ui-images__list>ul>li>a:focus .item .inner>em {color:#fff;}

@media (max-width:960px){
	.ui-images__list>ul>li{width:50%;}
}

@media (max-width:768px){
	.ui-images__list>ul>li{margin:1% 0;height:auto;min-height:361px}
}
@media (max-width:540px){	
.ui-images__list>ul>li{width:100%;margin:2% 0;}
.ui-images__list>ul>li:nth-child(3n-1){margin:2% 0;}
.ui-images__list>ul>li>a>.item{margin:0;}	
}