@charset "utf-8";
.video-box.video-boxV2 {
  margin-bottom: 35px;
  padding-right: 200px;
}

.video-boxV2 .mod-box .hd .main-tit {
  padding: 14px 0 8px;
  font-size: 14px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.8);
}

.video-boxV2 .video-box-hd {
  width: 100%;
  background-color: rgba(37, 37, 37, 0.9);
}

.video-boxV2 .mod-box .hd .sub-tit, .mod-box .hd .more, .mod-box .hd .btn-change {
  height: 40px;
}

.live-panel-videoNav .hd .btn-change {
  padding: 14px 0 8px;
  cursor: pointer;
}

.video-boxV2 .video-box-nav {
  width: 200px;
}

.video-boxV2 .live-thumbList-style-a > li {
  margin-bottom: 9px;
}

.video-boxV2 .live-thumb-style-a .tgp-thumb-figure {
  width: 180px;
  height: 102px;
}

.video-boxV2 .live-thumbList-style-a .tgp-thumb:after {
  width: 180px;
  height: 102px;
  left: 10px;
}

.video-boxV2 .live-panel-videoNav .bd {
  width: 100%;
  position: absolute;
  left: 0;
  top: 41px;
  bottom: 13px;
}

.video-boxV2 .live-panel-videoNav .hd {
  height: 41px;
}

.video-boxV2 .video-box-cont:before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 490px;
}

.tgp-scroller-cont > ul > li:after {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
}

.tgp-scroller-cont > ul > li:last-child:after {
  content: '';
  width: 2px;
  height: 24px;
  background: #ffc801;
  left: 4px;
  top: 0;
  border-radius: 0;
  -webkit-transform: scaleX(0.75);
  transform: scaleX(0.75);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: absolute;
}

.tgp-scroller-cont > ul > li:nth-child(1).tgp-active ~ li:last-child:after {
  top: 40px;
  height: 24px;
}

.tgp-scroller-cont > ul > li:nth-child(2).tgp-active ~ li:last-child:after {
  top: 150px;
  height: 24px;
}

.tgp-scroller-cont > ul > li:nth-child(3).tgp-active ~ li:last-child:after {
  top: 260px;
  height: 24px;
}

.tgp-scroller-cont > ul > li:last-child:after {
  top: 370px;
  height: 24px;
}

.video-box--txt .tgp-thumbList > li:nth-child(1).tgp-active ~ li:last-child:after {
  top: 40px;
  height: 24px;
}

.video-box--txt .tgp-thumbList > li:nth-child(2).tgp-active ~ li:last-child:after {
  top: 80px;
  height: 24px;
}

.video-box--txt .tgp-thumbList > li:nth-child(3).tgp-active ~ li:last-child:after {
  top: 120px;
  height: 24px;
}

.video-box--txt .tgp-thumbList > li:nth-child(4).tgp-active ~ li:last-child:after {
  top: 160px;
  height: 24px;
}

.video-box--txt .tgp-thumbList > li:nth-child(5).tgp-active ~ li:last-child:after {
  top: 200px;
  height: 24px;
}

.video-box--txt .tgp-thumbList > li:nth-child(6).tgp-active ~ li:last-child:after {
  top: 240px;
  height: 24px;
}

.video-box--txt .tgp-thumbList > li:nth-child(7).tgp-active ~ li:last-child:after {
  top: 280px;
  height: 24px;
}

.video-box--txt .tgp-thumbList > li:last-child:after {
  top: 280px;
  height: 24px;
}

.video-box--txt.video-box {
  padding-right: 255px;
  margin-bottom: 47px;
}

.video-box--txt .video-box-cont:before {
  padding-top: 418px;
}

.video-box--txt .video-box-nav {
  width: 255px;
}

.mod-box--big-hd {
  height: 58px;
  line-height: 58px;
  padding: 0 26px;
}

.mod-box .mod-box--big-hd {
  margin-bottom: 2px;
}

.mod-box--big-title {
  font-weight: bold;
  font-size: 18px;
  color: #fff;
}