.pro-images{
	position: relative;
	border-radius: 10px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.pro-images video::-webkit-media-controls{
	display: none !important;
}
.crew{
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	position: absolute;
	bottom: 0px;
	z-index: 100;
	background-color: rgba(0,0,0,0.23);
	width: 100%;
	position: absolute;
}
.text{
	margin-right:15px;
	text-align: left;
}

img.play {
	width:80px;
	height:80px;
	border-radius: 17px;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	margin-bottom:0 !important;
}
.crew h4{
	color:white;
	font-size:20px;
	text-align: left;
	line-height: 1;
	text-indent: 48px;
}
.xz{
	margin:50px auto 300px auto;
}
.swiper-pagination{
	left:48%;
	margin-top:-40px;
}
.swiper-pagination-bullet{
	width:20px; 
	height:20px;
	margin:3px;
	background-color: white;;
}
#pro{
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	display: flex;
	justify-content: center;
	align-items: center;
	}
.pro-left{
	width:50%;
	height:260px;
	/*margin-right:20px;*/
	text-align: center;
	overflow: auto;
	background-color: #fff;
	border-radius: 5px;
	padding:20px;
}
.pro-left::-webkit-scrollbar{
	width:8px ;
	height:8px;
	background-color: #61b6eb;
}
.pro-left::-webkit-scrollbar-track{
	background: #213147;
	border-radius: 2px;
}
.pro-left::-webkit-scrollbar-thumb{
	background: #61b6eb;
}
.pro-left::-webkit-scrollbar-corner{
	background: #61b6eb;
}
.pro-right{
	width: 100%;
	height: 500px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.pro-images .img{
	width: 100%;
}
.pro-images .video{
	max-height: 100%;
	max-width:100%;
	text-align: center;
	display:none;
}
/* 视频播放二 */
.video-btn{
	position: absolute;
      width:600px;
      height: 300px;
      background:black;
      top:50%;
      left: 50%;
      margin-top: -150px;
      margin-left:-300px;
      display: none;
      z-index: 101;
}
.video-area{
      float:left;
      width:500px;
      height: 300px;
      background:red;
    }
.video-shut{
      height:100px;
      width:100px;
      font-size:40px;
      color:pink;
      float:left;
      text-align: center;
      /*line-height: 50px;*/
      background: yellow;
      display: block;
      padding-top:30px;
    }
#shadow{
     position: absolute;
     opacity: 0.5;
     filter:alpha(opacity=50);
     bottom:0;
     left: 0;
     right: 0;
     top: 0;
     background:black;
     z-index: 100;
     display: none;
   }
 #mycanvas{
	 z-index: 1000;
 }


.play-box {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background-color: rgba(0, 0, 0, 0.8);
		z-index: 10000;
    }

    .play-box video {
        width: 60%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }