@charset "utf-8";
.R{background:#f2f2f2;}

.imgshow_a{width:1260px;margin:0 auto;padding:90px 0 0 0;}
.imgshow_a .boxs{width:380px;margin:0 60px 34px 0;position:relative;display: inline-block;overflow:hidden;cursor:pointer;height:275;background:#f2f2f2;overflow: hidden;position: relative;}
.imgshow_a .boxs:nth-child(3n){margin: 0 0 34px 0;}
.imgshow_a .boxs .pi{height:208px;z-index: 2;width:360px;position: relative;margin:10px;}
.imgshow_a .boxs .pi .mask{position: absolute;left:0;top:0;width:100%;height:100%;background:url(../img/icon_41.png) center no-repeat;background-color: rgba(0,0,0,0.5);opacity:0;transform: scale(0.8);}
.imgshow_a .boxs .pi img{vertical-align:top;width:360px;height:208px;}
.imgshow_a .boxs .font{height:40px;line-height: 30px;color:#55;font-size:14px;text-align:center;}

.imgshow_a .boxs:hover .name h3{color:#DB1F25;}
.imgshow_a .boxs:hover .ln{background:#DB1F25;}
.imgshow_a .boxs:hover .img{filter: contrast(1.2);}
.imgshow_a .boxs:hover{box-shadow:0px 2px 8px rgba(0,0,0,0.22);outline:none;background-color:#fefefe; }

.imgshow_a .boxs .img:hover  .mask{opacity:1;transform: scale(1);}
.imgshow_a .boxs:nth-of-type(2n) .img{float:right;}
.imgshow_a .boxs:nth-of-type(2n) .name{height:40px;line-height: 30px;position: absolute;left:20px;top:75px;width:310px;text-align:center;color:#222;font-size:14px;}

.imgshow_a .page{text-align: center;padding:15px 0 45px 0;}
.imgshow_a .page a{display: inline-block;width:auto;padding:0 15px;line-height: 34px;border:1px solid #999;font-size: 15px;font-family:'verdana';margin:0 9px;box-shadow:0 2px 3px #eee;}
.imgshow_a .page a:hover{border:1px solid #DB1F25;color:#DB1F25;}
.imgshow_a .page a.selected{border:1px solid #DB1F25;color:#fefefe;background:#DB1F25;}

@media screen and (max-width:600px)
{
	.R{background:#f2f2f2;}

	.imgshow_a{width:95%;margin:0 auto;padding:32px 0 0 0;}
	.imgshow_a .boxs{width:48%;margin:0 1% 3% 1%;position:relative;display: block;overflow:hidden;cursor:pointer;height:275;background:#fff;overflow: hidden;position: relative;float: left;}
	.imgshow_a .boxs:nth-child(3n){margin: 0 1% 3% 1%;}
	.imgshow_a .boxs .pi{height:auto;z-index: 2;width:100%;position: relative;margin:0;overflow: hidden;}
	.imgshow_a .boxs .pi .mask{position: absolute;left:0;top:0;width:100%;height:100%;background:url(../img/icon_41.png) center no-repeat;background-color: rgba(0,0,0,0.5);opacity:0;transform: scale(0.8);display: none;}
	.imgshow_a .boxs .pi img{vertical-align:top;width:100%;height:auto;}
	.imgshow_a .boxs .font{height:37px;line-height: 37px;color:#55;font-size:13px;text-align:center;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;padding:0 15px;}
	
	.imgshow_a .boxs:hover .name h3{color:#DB1F25;}
	.imgshow_a .boxs:hover .ln{background:#DB1F25;}
	.imgshow_a .boxs:hover .img{filter: contrast(1.2);}
	.imgshow_a .boxs:hover{box-shadow:0px 2px 8px rgba(0,0,0,0.22);outline:none;background-color:#fefefe; }
	
	.imgshow_a .boxs .img:hover  .mask{opacity:1;transform: scale(1);}
	.imgshow_a .boxs:nth-of-type(2n) .img{float:right;}
	.imgshow_a .boxs:nth-of-type(2n) .name{height:40px;line-height: 30px;position: absolute;left:20px;top:75px;width:310px;text-align:center;color:#222;font-size:14px;}
	
	.imgshow_a .page{text-align: center;padding:15px 0 45px 0;}
	.imgshow_a .page a{display: inline-block;width:auto;padding:0 9px;line-height: 31px;border:1px solid #999;font-size: 14px;font-family:'verdana';margin:0 3px;box-shadow:0 2px 3px #eee;}
	.imgshow_a .page a:hover{border:1px solid #DB1F25;color:#DB1F25;}
	.imgshow_a .page a.selected{border:1px solid #DB1F25;color:#fefefe;background:#DB1F25;}
}