.vdListWrap{ }
.videoShow{z-index:5;}
.videoShow .preview-image{position:relative;z-index:1}
.videoShow .preview-image img{width:100%;-webkit-box-shadow: 0 0 10px #ccc;-moz-box-shadow: 0 0 10px #ccc;box-shadow: 0 0 10px #ccc;}
.videoShow .preview-image .playBtn{position:absolute;left:47%;top:47%;margin-left:-25px;margin-top:-25px; width:50px;height:50px;}
.videoShow .popVideo{display:none;}

.videoShow.active .preview-image{display:none;}
.videoShow.active .popVideo{display:block;}
.videoShow .popVideo{position:relative;-webkit-box-shadow: 0 0 10px #ccc;  -moz-box-shadow: 0 0 10px #ccc;  box-shadow: 0 0 10px #ccc;}
.videoShow .popVideo video{width:100%;}/*height:calc(600px * 2 / 3);*/
.videoShow .popVideo .vclose{position:absolute;right:10px;top:10px; width:20px;height:20px;background:#666 url('/en/news-events/annual-report/2018/_common/img/close.png') no-repeat 0 0;background-size:contain;z-index:6;cursor:pointer;}
.videoShow .popVideo .vclose:hover{background-color:#999;}
.videoShow a .glyphicon-play-circle { position: absolute; width: 90px; height: 90px; font-size: 120px; }
.videoShow a,
.videoShow a .glyphicon-play-circle{color: #b8d4e3;}
.videoShow a:hover,
.videoShow a:hover .glyphicon-play-circle{color:#00b4df!important;}

.videoWrap{width:50%; padding-right:40px;box-sizing:border-box; float:left;padding-bottom:20px;}
.videoWrap .preview-image,
.videoWrap .popVideo{  }
.videoWrap .videoShow .preview-image .playBtn{margin-left:-44px;margin-top:-44px; width:70px;height:70px;}

/* video player for 100% width */
.videoWrapWide {width: 100%;padding-right: 0;}

/* video player for carousel */
.videoWrapCarousel{width:100%;padding:0;}

@media only screen and (max-width: 992px){ 
	.videoShow a .glyphicon-play-circle {font-size: 90px;}
	.videoShow .preview-image .playBtn {left: 47%;    top: 49%;}
} 

@media only screen and (max-width: 414px){ 
	.videoWrap{width:100%; padding:0;margin-bottom:15px; }
	.videoShow .preview-image .playBtn {left: 50%;    top: 50%;}
}