@charset "UTF-8";
.headera img,.footera img{width: 100%;}


.video_list{max-width: 1260px;margin:0 auto;overflow: hidden;}
.video_list dl{float: left;width: 28.33%;padding:1.5%;background: #f3f3f3;margin:1%;}

.video_list dl dt{text-align: center;position: relative;height: 0px;padding-bottom: 56%;}
.video_list dl dt a{display:inline-block;width: 100%;height: 0px;padding-bottom: 56%;overflow: hidden;}
.video_list dl dt span.ico{width:100%;position: absolute;top: 0%;left: 0%;z-index: 9;}
.video_list dl dt img{max-width: 100%;transition:all 0.8s ease-in;}

.video_list dl dd h3{ font-size:22px;font-weight:normal; 
  padding:15px 0 15px;word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;
  line-height: 1;
}
.video_list dl dd p{color:#606060; height:3.9em; overflow:hidden;line-height: 1.3;}
.video_list dl dd a{display: block;margin-top: 20px;color:#F78C3B;padding-bottom: 15px;}

.video_list dl:hover dt a>img{transform:scale(1.1);}


.video_list .video_place{position: fixed;top:0px;left: 0px;right: 0px;
  bottom: 0px;background-color: rgba(0,0,0,0.6);
  z-index: 999999999;
}
.lt9 .video_list .video_place{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000")}
.video_list .video_con{z-index:2;width: 80%;height: 60%;
  background-color: #000;position: absolute;top: 50%;left: 50%;
  transform: translate(-50%,-50%);text-align: center;
}
.lt9 .video_list .video_con{top:20%;left: 10%;background: #000;}
.video_list .video_con video{width: 100%;height: 100%;}
.video_list .video_close_btn{position: absolute;top:15%;right: 10%;
  width:120px;height: 35px;background: #4F7CC9;
  color: #fff;text-align: center;line-height: 35px;
  cursor: pointer;
}

@media only screen and (max-width: 1100px){
  .video_list dl dd h3{font-size: 18px;}
}
@media only screen and (max-width: 767px){
  .video_list dl{width: 96%;float: none;margin:5% 2%;box-sizing:border-box;}
  .video_list dl dd h3{font-size: 16px;}
}