/* 项目展示图 start */
.pstr {position:relative;}
.pro-image-box {width:100%;  position:relative;}
.pro-image-box .btn {
	width: 30px;
	height: 50px;
	padding: 0;
	position: absolute; z-index: 99;top: 50%;
	cursor: pointer;
	-webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
	background-color: rgba(0,0,0,.1);
	background-position: center;
	background-repeat: no-repeat;
	border: 0;
	background-size: cover;
	border-radius: 5px;
}
.pro-image-box .btn:hover {
	background-color: rgba(0,0,0,.3);
}
.pro-image-box #prevTop, .pro-image-box #prev {
	background-image: url(../images/left.png);
	left: 5px;
}
.pro-image-box #nextTop, .pro-image-box #next {
	background-image: url(../images/right.png);
	right: 5px;
}
/* .pro-image-box #prevTop, .pro-image-box #nextTop {display:none;} */
.pro-image-box #prev, .pro-image-box #next{display:none;}

.pro-image-box li {float:left;}
.pro-image-box .cf li {position:relative;color:#fff;}
.pro-image-box .cf a {display:block;width:100%;height:100%;position:absolute;color:#fff;}
.bigImgBox {width: 100%; height: 100%; position:relative; }
.pro-image-box .picBox {width: 100%; height: 300px; position: relative; overflow: hidden;}
.pro-image-box .picBox ul {position:absolute; left:0; height: 100%;}
.pro-image-box .picBox li { width: 300px; height: 100%;background-color:#fff;position:relative;}
.pro-image-box .picBox li .imagelist { width:100%;height:100%; object-fit: contain;}
.smImgBox {position:relative;width:100%; bottom:0;padding-top:5px ;
	/* background:rgba(0,0,0,.5); */
}
.pro-image-box .listBox {height: 56px; position: relative; overflow: hidden; }
.pro-image-box .listBox ul {position:absolute; padding-left:0px;}
.pro-image-box .listBox li {
	width: 56px; 
	height: 56px;
/* height: 87px; */
 cursor: pointer; position: relative; padding-right: 5px; overflow:hidden;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-ms-box-sizing:content-box;
	-o-box-sizing:content-box;
	box-sizing:content-box;
}
.pro-image-box .listBox li .pstr {height:100%; border: 2px solid transparent; padding: 3px; background-color:#fff; box-sizing: border-box;}
.video {position:relative;z-index:1;}
.pro-image-box .listBox li .imagelist { width:100%;display:block; object-fit: contain;}
.pro-image-box .listBox li i{position:absolute;bottom:0;width:100%;background-color:rgba(0,0,0,.5);color:#fff;text-align:center;line-height:26px;font-style:normal;

}

.pro-image-box .listBox li a{display:block;width:119.5px;height:85px;}
.pro-image-box .listBox .on .pstr {border: 1px solid #1C3882;}

.pro-image-box .listBox .on i{ display:none;
	border-right: 1px solid #1C3882; border-left: 1px solid #1C3882;
	border-bottom: 1px solid #1C3882;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	z-index:2;
}
.video {background-color:#000;}
.play_box {position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;}
.video_play {cursor:pointer;position:absolute;top:50%;left:50%;border:0;}
.listBox .video_play {
	width:30px;
	height:30px;
	margin-top:-15px;
	margin-left:-15px;
}
.picBox .video_play {
	width: 60px;
    height: 60px;
	margin-left:-30px;
	margin-top:-30px;
}
.pro-image-box .listBox .on i.video_i{
	border-right:2px solid transparent;border-left:2px solid transparent;
	border-bottom:2px solid transparent;
}
.left_top { font-family:Arial; font-size:32px; color:#fff; text-align:center; height:30px; line-height:30px; background:#333;}


@media (max-width: 480px) {
	.pro-image-box .picBox {height: 480px;}
}
@media (max-width: 440px) {
	.pro-image-box .picBox{height: 440px;}
}
@media (max-width: 414px) {
	.pro-image-box .picBox{height: 414px;}
}
/* 项目展示图 end */