section.video_list li .sliderArea .swiper-slide .photo {
  background-color: #e9e9e9;
  width: 100%;
  height: 50vw;
  padding-bottom: 0;
  background-size: cover;
  background-position: center;
}
section.video_list li .swiper-pagination {
  bottom: 30px;
}
section.video_list li .wrap {
  position: absolute;
  z-index: 2;
  bottom: 70px;
  left: 0px;
  color: #FFF;
  text-align: left;
  background-color: #000000b8;
  width: 440px;
  right: 0px;
  left: auto;
  padding: 35px;
}
section.video_list li .wrap centerwrap {
  text-align: left;
  padding-left: 40px;
  padding-right: 40px;
}
section.video_list li .wrap .thename {
  font-size: 27px;
  text-shadow: #5e5e5e 0px 0 15px;
}
section.video_list li .wrap .thename_en {
  text-shadow: #5e5e5e 0px 0 15px;
  margin-bottom: 10px;
  color: #e6dbc9;
  font-size: 15px;
}
section.video_list li .wrap .thecontent {
  font-size: 14px;
  overflow-y: auto;
  line-height: 1.8;
}
section.video_list li .wrap .btn {
  background-color: #857b6c;
  font-size: 15px;
  padding: 20px;
  margin-top: 20px;
  padding-left: 63px;
}
section.video_list li .wrap .btn .address_note {
  color: #e9bd7b;
}
section.video_list li .wrap .btn i {
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: 43px;
}
section.video_list li .greybg {
  z-index: 1;
  position: absolute;
  bottom: 0px;
  width: 100%;
  left: 0px;
  height: 35%;
  opacity: 0.9;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.7+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
  /* IE6-9 */
}
/*  rwd  */
/* -----------------------------------*/
@media screen and (max-width: 1240px) {
  section.video_list li .sliderArea .swiper-slide .photo {
    height: 60vw;
  }
  section.video_list li .swiper-pagination {
    bottom: 10px;
  }
  section.video_list li .wrap {
    bottom: 40px;
    width: auto;
    padding: 35px;
    background-color: #2e2e2e;
    position: relative;
    top: 0;
  }
  section.video_list li .wrap .thename {
    font-size: 20px;
  }
  section.video_list li .wrap .thename_en {
    font-size: 13px;
  }
  section.video_list li .wrap centerwrap {
    text-align: left;
    padding-left: 0px;
    padding-right: 0px;
  }
  section.video_list li .wrap .btn i {
    left: 10px;
  }
  section.video_list li .wrap .btn {
    background-color: #857b6c;
    font-size: 14px;
    padding: 20px;
    margin-top: 20px;
    padding-left: 60px;
  }
}