#wly2017{ width:100%; height:auto;}
#wly2017 video{width:100%; height:auto;}
.cd-popup-video h3{ text-align:center; margin:20px 0;}

.cd-popup-video{
  position: fixed;
  left: 0;
  top: 0;
   -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s; 
  height: 100%;
  width: 100%;
   background-color: rgba(0,0, 0, 0.5);
  display:none;
  transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;
  z-index:19999; 
}
.cd-popup-video.is-visible{
 left: 0;
  top: 0;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-backface-visibility:visible;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
   display:block; 
 
  transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s;
}


.popItem{ padding:2vw 0;}
.pop-videoItem{ width:50%; background:#FFF; padding:2vw; height:auto; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); top:50%;  left:50%; transform: translate(-50%, -50%);padding:0;overflow:hidden;position:relative; transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s; transition-delay: 0.2s;}
cd-popup-video .pop-videoItem p{ line-height:36px;margin-top:40px;  }
cd-popup-video .pop-videoItem span{ color:#38ae00;}
cd-popup-video .pop-videoItem .logo{ width:100%; height:auto;  padding:10px 0; background:#f9f9f9;}
cd-popup-video .pop-videoItem .logo img{ width:110px; height:auto; float:left; margin:0 20px;  }

cd-popup-video .jump-btn {
  position: absolute;
  top: 5%;
  right: 2%;
  width: 60px;
  height: 60px;
  background:url(../images/close.png) no-repeat 50% 50%;
  display:block;
}
cd-popup-video a.jump-btn {width:60px;height:60px;cursor:pointer;transition: all .3s;}

cd-popup-video a.jump-btn:hover{background-color:#df0716;transition: all .3s;}
 
 
 .enterBtn {background:#FFF;color:#666;text-decoration:none; }
 .enterBtn a.btn:hover{background:#F00;color:#fff; cursor:pointer; transition: all 0.2s; width: 10vw; height: 4vh; line-height:4vh;display:block;border-radius: 3px; overflow:hidden }
 .enterBtn a.btn{background:#df0716;color:#fff;transition: all 0.2s; width: 10vw; height: 4vh; display:block;line-height:4vh; text-align:center; margin:20px auto 0 auto;border-radius: 3px; overflow:hidden }


@media (max-width:768px) {
.pop-videoItem {
    margin: 0 auto;
	width:100%; 
	height:100%; 
	 top:0; 
	  left:0; 
  }

a.jump-btn {
  position: absolute;
  top: 60%;
  right: calc(50% - 18px );
  width: 45px; height:45px; line-height:45px; background:url(../images/close.png) no-repeat 50% 50%;text-align:center; border-radius:50%;
  display:block;
}
a.jump-btn {background-color:#df0716;width:45px;height:45px;cursor:pointer;transition: all .3s;}


.enterBtn{ display:none;}
.pop-videoItem{ width:100%; height:auto;  top:0;  left:0; transform: translate(0, 0);padding:0;overflow:hidden;position:relative; transition: all .5s; -webkit-transition: all .5s;  -moz-transition: all .5s; transition-delay: 0.2s;}


  .pop-videoItem .logo{ width:100%; height:auto;  padding:10px 0; background:#f9f9f9;}

 .pop-videoItem .logo img{ width:80px; height:auto;}
 .jump-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  width: 30px;
  height: 30px;
  display:block;
}
 .con{ background:#FFF; padding:10px 20px; overflow:hidden;}
.cd-popup-video h3{ text-align:center; margin:10px 0;}

     .pdf h4{margin:10px 0; padding:0; line-height:24px;}
	  .enterBtn a.btn:hover{background:#F00;color:#fff; cursor:pointer; transition: all 0.2s; width: 150px; height: 30px; display:block; }
 .enterBtn a.btn{background:#df0716;color:#fff;transition: all 0.2s; width: 150px; height: 30px; display:block;line-height:30px; text-align:center; margin:20px auto; }

 
}