@charset "UTF-8";
/*视频列表*/
.video-list {
  padding-bottom: 40px;
  min-height: 554px;
}

.video-list .video-title {
  border-bottom: 1px solid #eee;
}

.video-list .video-title a {
  float: left;
  padding: 0 20px;
  line-height: 56px;
  font-size: 18px;
  color: #333;
  margin-right: 10px;
}

.video-list .video-title .active {
  border-bottom: 2px solid #ff8e00;
  color: #ff8e00;
}

.video-list .video-liebiao {
  margin-bottom: 20px;
}

.video-list .video-liebiao li {
  width: 280px;
  height: 229px;
  background-color: #fff;
  float: left;
  margin-top: 20px;
  cursor: pointer;
  margin-right: 20px;
  position: relative;
}

.video-list .video-liebiao li img {
  display: block;
}

.video-list .video-liebiao li p {
  font-size: 14px;
  color: #333;
  text-indent: 10px;
  line-height: 50px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.video-list .video-liebiao li span {
  width: 54px;
  height: 24px;
  background-color: rgba(0, 0, 0, 0.5);
  display: block;
  color: #fff;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  top: 104px;
  right: 12px;
  position: absolute;
  border-radius: 2px;
}

.video-list .video-liebiao li .voide_touming {
  width: 280px;
  height: 106px;
  padding-top: 68px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.video-list .video-liebiao li .voide_touming img {
  display: block;
  margin: 0 auto;
}

.video-list .video-liebiao li:hover {
  -webkit-box-shadow: 2px 2px 5px 0 #999;
          box-shadow: 2px 2px 5px 0 #999;
}

.video-list .video-liebiao li:hover .voide_touming {
  display: block;
}

.video-list .video-liebiao .last {
  margin-right: 0;
}

/*视频内容*/
.video-content {
  padding-bottom: 30px;
  min-height: 554px;
}
.video-content .video-content-top {
  margin-top: 10px;
}

.video-content .video-content-top .video-content-left {
  width: 462px;
  height: 260px;
  float: left;
}
#video {
  width: 462px;
  height: 260px;
  overflow: hidden;
}

.video-content .video-content-top .video-content-right {
  width: 660px;
  float: right;
}

.video-content .video-content-top .video-content-right .video-title {
  font-size: 24px;
  color: #333;
  line-height: 56px;
  margin-bottom: 15px;
}

.video-content .video-content-top .video-content-right .video-content-jieshao {
  width: 648px;
  height: 115px;
  background-color: #f5f5f5;
  padding-left: 12px;
  padding-top: 5px;
}

.video-content .video-content-top .video-content-right .video-content-jieshao p {
  font-size: 14px;
  color: #666;
  line-height: 34px;
}

.video-content .video-content-top .video-content-right .video-content-shiting {
  margin-top: 30px;
}

.video-content .video-content-top .video-content-right .video-content-shiting .first {
  width: 200px;
  height: 38px;
  font-size: 16px;
  line-height: 38px;
  color: #fff;
  text-align: center;
  float: left;
  margin-right: 25px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.video-content .video-content-top .video-content-right .video-content-shiting .first {
  background-color: #ff8e00;
  cursor: pointer;
}

.video-content .video-content-top .video-content-right .video-content-shiting .first:hover {
  background-color: #ff6000;
}

.video-content .video-content-top .video-content-right .video-content-shiting .last {
  margin-right: 10px;
  background-color: #ff6000;
}

.video-content .video-content-top .video-content-right .video-content-shiting .last:hover {
  background-color: #ff8e00;
}

.video-content .video-content-top .video-content-right .video-content-shiting .share {
  font-size: 12px;
  line-height: 38px;
  float: left;
  padding-right: 24px;
  cursor: pointer;
  color: #666;
}

.video-content .video-content-top .video-content-right .video-content-shiting .share b{
  float: left;
}

.video-content .video-content-top .video-content-right .video-content-shiting .share .jiathis_style_32x32{
  float: left;
}

.video-content .video-content-top .video-content-right .video-content-shiting .share .jiathis_style_32x32 a{
  width: 32px;
  margin-left: 10px;
}

.video-content .video-content-bottom .video-title {
  font-size: 18px;
  color: #000;
  padding-left: 12px;
  font-weight: normal;
  margin-top: 8px;
  line-height: 44px;
  position: relative;
}

.video-content .video-content-bottom .video-title:before {
  position: absolute;
  content: '';
  width: 4px;
  height: 18px;
  background-color: #ff8e00;
  left: 0;
  top: 50%;
  margin-top: -9px;
}

.video-content .video-content-bottom .video-neirong {
  width: 1118px;
  height: auto;
  padding: 20px 30px 0 30px;
  border: 1px solid #eee;
}

.video-content .video-content-bottom .video-neirong p {
  font-size: 14px;
  color: #333;
  line-height: 24px;
  margin-bottom: 20px;
}

.video-content .courseBox {
  /*开班详情*/
  border: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 40px;
}

.video-content .courseBox .tabBox {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTM0MzdFMjMxMDhGMTFFODk4MUU4REFENDQyOTdEMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTM0MzdFMjQxMDhGMTFFODk4MUU4REFENDQyOTdEMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MzQzN0UyMTEwOEYxMUU4OTgxRThEQUQ0NDI5N0QwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MzQzN0UyMjEwOEYxMUU4OTgxRThEQUQ0NDI5N0QwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqHR2scAAAFZSURBVHjaYvzfx8gAAw9/is+WY3+VwsjwnwEdvP3Dd0WY5ZMuAxZw/ZtcpCbXo2UgNiPIwB//2D9zMP3kYSAS/GNgZPj8l/vhr38sr4RZP5oyITmABYj/Aw1jIAWADOBn/iLPwMwgjylHZUBVA+98ly5hevxTbDG1DFThfNrLJMv+Ko4ahp35rMYH9/Lnv1zPKTHsyU/RlSa8tz7DDeRl/iZFrmF3v0tVybC/jkBONmDw5z/LHxbGPyzEGAJKda9/C54QY31vqcz5DHssAw1jRdf48S/PQ1DiR8dAghFkGMFk858BkQ3f/+G9DUy8ChSlw7OfVflgbEGWz2oUJ2xYTIHA1W/y7lTJKcCSIwpEa3M93EEVA4HF0HJEEKgIUyUvv/gltBtEG/HefUMVAyXY3rmBC0tgvB/7pMlIldLm2z+ODyDajPfWH6oYyMX0QxCS4P+SVMQBBBgAeuprYlR6q7gAAAAASUVORK5CYII=) 11px 13px no-repeat #f5f5f5;
  height: 45px;
  border-bottom: 2px solid #ff8e00;
}

.video-content .courseBox .tabBox p {
  float: left;
  text-indent: 40px;
  line-height: 45px;
  color: #ff8e00;
  font-size: 18px;
}

.video-content .courseBox .tabBox .time {
  float: left;
  margin-top: 10px;
  margin-left: 60px;
  font-size: 15px;
}

.video-content .courseBox .tabBox .time span {
  font-size: 14px;
  color: #333;
  font-family: '宋体';
  vertical-align: middle;
}

.video-content .courseBox .tabBox .time input {
  width: 114px;
  height: 26px;
  line-height: 26px;
  border: 1px solid #eee;
  text-indent: 5px;
  vertical-align: middle;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEYzNkFCRTMxMDkwMTFFODgzQjE5MEIwQTk0MkREQTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEYzNkFCRTQxMDkwMTFFODgzQjE5MEIwQTk0MkREQTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4RjM2QUJFMTEwOTAxMUU4ODNCMTkwQjBBOTQyRERBOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4RjM2QUJFMjEwOTAxMUU4ODNCMTkwQjBBOTQyRERBOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgnt5UYAAAFuSURBVHjalJS9SsRAFIVndoNRBBdEm0ULdcVWRR9gEQTBys5SrC21Ep/Bxk4sbQQtBV/B2mK1EhdBZRH8Iwm7iefCCdy9bgIOfGRO5tzD3MmPX1lecmpUwCnYBRnvbYIE3JR4XMCFeV5nwQ44B0/07IEf8EjdUJ5n0AMPEnQMtsA1mKP5ALxwvkjzIXcwpTwSvgEuPVr7xmQBtME46IAa+GDBCXe0T209EtwKGPBF0ztDP9W5Hbn+YT1S25agFFR5U7Z+bwo7RluP1KaB+zsmeX0DHkyUaKefmh7D4JXzEa5r7Y2OioJiMMPtxqTBdmL1+HtKDwySMWTuhzxHrbu2yAaJqWVau1PaGV3YmiyM8SxyU02t5TrTIfl3Y3UTrHNe5XyNukLdtLXBgFavaAoZdKHa9tQpW0uKghJ1Fol6JTKlQ7PeFxSZMPtKuJL1KA+qg1VwW/A6lI0ua+tSuA3O+P8Z/WeQ/DmmJeNXgAEA3xBeDWIl3P4AAAAASUVORK5CYII=) no-repeat 90px center #fff;
  cursor: pointer;
  outline: none;
}

.video-content .courseBox .tabBox .time input:focus,
.video-content .courseBox .tabBox .time input:hover {
  border-color: #ff8e00;
}

.video-content .courseBox .tabBox .select {
  float: left;
  position: relative;
  margin: 10px 0 0 14px;
  width: 134px;
  height: 26px;
  line-height: 26px;
  border: 1px solid #eee;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  text-indent: 7px;
  background-color: #fff;
  font-family: '宋体';
}

.video-content .courseBox .tabBox .select:after {
  position: absolute;
  content: '';
  border: 5px solid transparent;
  border-top-color: #666;
  top: 12px;
  right: 6px;
}

.video-content .courseBox .tabBox .select .current {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 111px;
  border-right: 1px solid #eee;
  height: 100%;
  text-indent: 12px;
}

.video-content .courseBox .tabBox .select .list {
  position: absolute;
  top: 26px;
  left: -1px;
  z-index: 10;
  width: 100%;
  max-height: 228px;
  border: 1px solid #eee;
  border-radius: 2px;
  background-color: #fff;
  color: #333;
  overflow: auto;
  display: none;
}

.video-content .courseBox .tabBox .select .list .option:hover {
  color: #fff;
  background-color: #ff8e00;
}

.video-content .courseBox .tabBox .select.open .list {
  display: block;
}

.video-content .courseBox .tabBox a {
  display: inline-block;
  width: 88px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background-color: #ff8e00;
  color: #fff;
  margin-left: 15px;
  border-radius: 5px;
  margin-top: 10px;
}

.video-content .courseBox #rsDateTab {
  width: 1140px;
  margin: 20px auto;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
}

.video-content .courseBox #rsDateTab tr {
  text-align: center;
  height: 42px;
}

.video-content .courseBox #rsDateTab tr th {
  font-size: 20px;
  font-weight: normal;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
}

.video-content .courseBox #rsDateTab tr td {
  font-size: 16px;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
}

.video-content .courseBox #rsDateTab tr td a {
  width: 88px;
  height: 28px;
  color: #fff;
  display: block;
  border-radius: 3px;
  margin: 0 auto;
  line-height: 28px;
  background-color: #ff6000;
}

/*精品项目列表*/
.xiangmu-liebiao{
  padding-bottom: 20px;
}

.xiangmu-liebiao .new_list{
  width: 270px;
  height: auto;
  float: left;
  margin-right: 20px;
  margin-top: 20px;
  background: #fff;
  padding: 5px;
  box-shadow: 0 4px 4px 1px #ddd;
  border-radius: 5px;
}

.newxm_img{
    margin-bottom: 5px;
    width: 100%;
    height: 221px;
    overflow: hidden;
}

.xiangmu-liebiao .new_list img{
  width: 280px;
  /* height: 158px; */
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.xiangmu-liebiao .new_list p{
    font-size: 14px;
    line-height: 37px;
    color: #666;
    text-align: center;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear;
}

.xiangmu-liebiao .new_list:hover p{
  color: #ff8e00;
}

.xiangmu-liebiao .new_list:hover img{
-webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}

.xiangmu-liebiao .last{
  margin-right: 0;
}
.xiangmu-liebiao .zxhdnew_list{
  float: left;
  width: 560px;
  height: 22px;
  margin-top: 15px;
  padding-right: 30px;
}
.xiangmu-liebiao .zxhdnew_list span{
  float: left;
  width: 60px;
  height: 20px;
  border: 1px solid #f22121;
  font-size: 12px;
  color: #f22121;
  line-height: 20px;
  text-align: center;
  margin-right: 5px;
}
.xiangmu-liebiao .zxhdnew_list .zxhd_title{
  float: left;
  width: 400px;
  line-height: 22px;
  font-size: 16px;
  color: #232323;
  display: block;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.xiangmu-liebiao .zxhdnew_list .top_three_btn{
  width: 64px;
    height: 20px;
    border: 1px solid #f22121;
    float: right;
    border-radius: 5px;
    font-size: 12px;
    color: #f22121;
    text-align: center;
    line-height: 20px;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}