@charset "utf-8";
.modal-bg-black{display: none;position: fixed;width: 100%;height: 100%;top:0; left:0;	bottom:0;right:0;z-index: 100000; background-color: rgba(0,0,0,0.7);}
.case-modal{display: none;	position: fixed; width: 100%;height: 100%;	top:0;	left:0;	z-index: 100001; font-size: 0; text-align: center;}
.videomain{display: inline-block; max-width:70%; vertical-align: middle; overflow:hidden;}
.case-modal video{	display:block; width: 100%; -webkit-transition: 0.5s 0.3s ease-out;	-o-transition: 0.5s 0.3s ease-out;	transition: 0.5s 0.3s ease-out;}
.case-modal:before{	display: inline-block;	content: "";	width: 0;	height: 100%;	vertical-align: middle;}
.case-modal p{background-color: rgba(0,0,0,0.6);  display: block; width: 100%; height: 60px; text-align: center; line-height: 60px; font-size:18px; color: #fff; }
.case-modal .btn{position: fixed;display: block; width: 40px; height: 60px; border-radius: 5px;	text-align: center;	line-height: 60px; font-family: "Simsun"; font-weight: 100; color: #fff; top:50%; margin-top:-30px; background-color:#333; background-color:rgba(0,0,0,0.6); z-index:200003;}
.case-modal .btn span{ font-size:20px; }
.case-modal .btn.prev{ left:10px;}
.case-modal .btn.next{ right:10px;}
.case-modal .btn.prev:hover,.case-modal .btn.next:hover{ background:#f26921; }

.case-modal .close-btn{	display: block;	position: fixed; text-align:center; color:#ffffff; z-index: 200003; line-height:50px; width: 50px; height: 50px; border-radius: 50%; background: #333; top:10px;right: 10px; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.case-modal .close-btn span{ font-size:20px; }
.case-modal .close-btn:hover{ background:#f26921; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);	-o-transform: rotate(180deg); transform: rotate(180deg);}


.case-modal .btn.prev,.case-modal .btn.next,.case-modal .close-btn{
transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
}


@media screen and (max-width: 1680px) {

.case-modal p{ height:50px; line-height:50px; font-size:16px; }
.case-modal .btn{ width:34px; height:50px; line-height:50px; margin-top:-25px; }
.case-modal .btn span{ font-size:18px; }

.case-modal .close-btn{	line-height:40px; width: 40px; height: 40px; }
.case-modal .close-btn span{ font-size:18px; }

}

@media screen and (max-width: 1440px) {

.case-modal p{ height:40px; line-height:40px; font-size:14px; }
.case-modal .btn{ width:30px; height:42px; line-height:42px; margin-top:-21px; }
.case-modal .btn span{ font-size:16px; }

.case-modal .close-btn{	line-height:34px; width:34px; height: 34px; }
.case-modal .close-btn span{ font-size:16px; }

}

@media screen and (max-width: 480px) {

.videomain{ max-width:100%; }
.case-modal .btn{ top:100%; margin-top:-168px;  }
}