@charset "utf-8";
.R{background:url(../img/bgty.gif) top;}

.imgshow_a{width:1000px;margin:0 auto;padding:90px 0 0 0;}
.imgshow_a .boxs{width:100%;margin:0 48px 44px 0;position:relative;display: inline-block;overflow:hidden;cursor:pointer;height:367px;background:#e6e6e6;overflow: hidden;position: relative;}
.imgshow_a .boxs.nomargin{margin: 0 0 44px 0;}
.imgshow_a .boxs .img{height:367px;z-index: 2;width:663px;position: relative;}
.imgshow_a .boxs .img .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 .img img{vertical-align:top;width:663px;height:367px;}
.imgshow_a .boxs .name{height:40px;line-height: 30px;position: absolute;left:680px;top:75px;width:310px;text-align:center;color:#222;font-size:14px;}
.imgshow_a .boxs .name h3{display: block;font-size: 20px;font-weight:normal;}
.imgshow_a .boxs .name h4{display: block;font-size: 15px;font-weight:normal;padding:15px 25px 0 25px;text-align: left;color:#666;}
.imgshow_a .boxs:hover .name h3{color:#d82128;}
.imgshow_a .boxs:hover .ln{background:#d82128;}
.imgshow_a .boxs:hover .img{filter: contrast(1.2);}
.imgshow_a .boxs:hover{box-shadow:0px 4px 8px rgba(0,0,0,0.12);outline:none;}

.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 #d82128;color:#d82128;}
.imgshow_a .page a.selected{border:1px solid #d82128;color:#fefefe;background:#d82128;}

@media screen and (max-width:600px)
{
	.imgshow_a{width:92%;margin:0 auto;padding:30px 0 0 0;}
	.imgshow_a .boxs{width:48%;margin:0 4% 24px 0;position: inherit;display: inline-block;overflow:hidden;cursor:pointer;height:auto;background:#e6e6e6;overflow: hidden;position: inherit;float:left;}
	.imgshow_a .boxs.nomargin{margin: 0 0 24px 0;}
	.imgshow_a .boxs:nth-child(2n){margin-right: 0;}
	.imgshow_a .boxs:nth-child(3){margin-right: 4%;}
	.imgshow_a .boxs .img{height:auto;z-index: 2;width:100%;position: inherit;}
	.imgshow_a .boxs .img .mask{position: inherit;left:inherit;top:inherit;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 .img img{vertical-align:top;width:100%;height:auto;}
	.imgshow_a .boxs .name{height:auto;line-height: 30px;position: inherit;left:inherit;top:inherit;width:auto;text-align:center;color:#222;font-size:14px;}
	.imgshow_a .boxs .name .icon{display: none;}
	.imgshow_a .boxs .name h3{display: block;font-size: 13px;font-weight:normal;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
	.imgshow_a .boxs .name h4{display: none;font-size: 15px;font-weight:normal;padding:15px 0 0 0;text-align: left;color:#666;}
	.imgshow_a .boxs:hover .name h3{color:#d82128;}
	.imgshow_a .boxs:hover .ln{background:#d82128;}
	.imgshow_a .boxs:hover .img{filter: contrast(1.2);}
	.imgshow_a .boxs:hover{box-shadow:0px 4px 8px rgba(0,0,0,0.12);outline:none;}
	
	.imgshow_a .boxs .img:hover  .mask{opacity:1;transform: scale(1);}
	.imgshow_a .boxs:nth-of-type(2n) .img{float:none;}
	.imgshow_a .boxs:nth-of-type(2n) .name{height:inherit;line-height: 30px;position: inherit;left:inherit;top:inherit;width:auto;text-align:center;color:#222;font-size:13px;}
	
	.imgshow_a .page{text-align: center;padding:15px 0 45px 0;}
	.imgshow_a .page a{display: inline-block;width:auto;padding:0 10px;line-height: 32px;border:1px solid #999;font-size: 14px;font-family:'verdana';margin:0 5px;box-shadow:0 2px 3px #eee;}
	.imgshow_a .page a:hover{border:1px solid #d82128;color:#d82128;}
	.imgshow_a .page a.selected{border:1px solid #d82128;color:#fefefe;background:#d82128;}

}