/*视频详情*/
.box880{
  width:880px;margin: 0 auto;display:block;clear:both;
}
#video_box{background: #2e2e36;color: #ccc;font:14px/18px arial,"pingfang sc","Hiragino Sans GB","Microsoft Yahei",sans-serif;}
#video_box .pos{height:40px;line-height: 40px;font-size: 15px;color: #888;}
#video_box .pos a{color: #888;}
#video_box .player{width: 100%;background:#000;}
#video_box.vertical .player{width: 320px;height:569px;float:left;}
#video_box .title{color:#999;padding-bottom: 30px;}
#video_box .title .left{float:left;width:740px;}
#video_box.vertical .left{float: none;width: auto;}
#video_box.vertical .title{
  float:right;
  width: 520px;
}
#video_box h1{color: #ccc;font-size: 32px;line-height: 32px;font-weight: bold;margin-top: 30px;}
#video_box.vertical h1{margin-top: 0px;}
#video_box .date{
  display: inline-block;
  margin-right: 10px;
  line-height: 10px;
  padding: 3px 10px 2px 0;
  color: #999;
}
#video_box .fav{
  position: relative;
    margin-right: 20px;
    padding: 0 5px 0 23px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    color: #999;
    background: url(/images/act_fav_icon.png) no-repeat 0 2px;
    background-size: 14px auto;
    cursor: pointer;
    display: inline-block;
}
#video_box .fav:hover,#video_box .fav.on{background-position: 0 -17px;}
#video_box .collect{
    height: 14px;
    line-height: 14px;
    cursor: pointer;
    display: inline-block;
    margin-right: 20px;
    padding-left: 18px;
    background: url(/images/collect.png) no-repeat 0 0px;
    background-size: 15px auto;
}
#video_box .collect:hover,#video_box .collect.on{
  background-position: 0 -14px;
}
#video_box .qr-code{
  float: right;
  font-size: 18px;
  text-align: center;
  margin-top: 20px;
}
#video_box .qr-code img{width:120px;display: block;margin-bottom: 10px;}
#video_box.vertical .qr-code{float: none;margin-bottom: 50px;margin-top: 50px;}
#video_box.vertical .qr-code img{margin: 0 auto;margin-bottom: 10px;}

#video_summary{
  float:left;
  font-size: 20px;
  color:#999;
  line-height: 32px;
}
#video_summary a{color:#999;}
.vertical #video_summary.box880{width: auto;}

#recomm_video h2,#video_summary h2{
  font-size: 26px;
  margin: 20px 0;
  font-weight: normal;
}
#recomm_video ul{width: 910px;}
#recomm_video li{width:210px;height: 200px;margin-right: 9px;float:left;}
#recomm_video li a.pic{overflow: hidden;display: block;width:210px;height: 118px;}
#recomm_video li img{width:100%;height: 100%;transition: all 0.6s;}
#recomm_video li img:hover{
  transform: scale(1.1);
}
#recomm_video .tit{font-size: 16px;color: #333;padding-top: 5px;display: block;text-overflow: ellipsis;white-space:nowrap;overflow: hidden;}
#recomm_video .tit:hover{color:#ff3600;}
#recomm_video .desc{color:#777;display: block;text-overflow: ellipsis;white-space:nowrap;overflow: hidden;}

#recomm_video .vertical li{width:168px;height: 330px;}
#recomm_video .vertical li a.pic,#recomm_video .vertical li img{width:168px;height:241px;}

/*视频列表*/
.video_mypos{height: 60px;line-height: 60px;}
#video_list{font:14px/18px arial,"pingfang sc","Hiragino Sans GB","Microsoft Yahei",sans-serif;}
#video_list{overflow: hidden;}
#video_list ul{width: 1260px;}
#video_list li{
  float:left;
  width: 295px;
  height: 270px;
  margin-right: 15px;
}
#video_list .pic{overflow: hidden;width: 295px;height:166px;display: block;}
#video_list li img{width: 295px;height:166px;transition: all 0.6s;}
#video_list li img:hover{transform: scale(1.1);}
#video_list .tit{width:295px;font-size: 22px;font-weight: bold; line-height: 22px;margin-top: 20px;margin-bottom: 15px;height: 22px;overflow: hidden;}
#video_list .intro{margin-top: 10px;color: #999;}
#video_list .intro{padding-right: 10px;margin-right: 10px;border-right: 1px solid #999;}
#video_list .fav
{
  color: #999;
  padding-left: 18px;
  background-image: url(/images/act_fav_icon.png);
  background-repeat: no-repeat;
  background-position: 0 2px;
  background-size: 14px auto;
  cursor: pointer;
}
#video_list .fav:hover
{
  background-position: 0 -17px;
}
#video_list_pager{text-align: center;}
#video_list_pager ul{display: inline-block;}
#video_list_pager ul.pager a{background:#ddd;}
#video_list .titlebar{
    line-height: 48px;
    font-size: 48px;
    color: #333;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 30px;
}

#video_list .titlebar span {
    margin-left: 20px;
    padding-left: 20px;
    top: 2px;
    display: inline-block;
    line-height: 38px;
    font-size: 38px;
    color: #999;
    border-left: 1px solid #999;
    margin-top: 50px;
    margin-bottom: 30px; 
}
#video_list .titlebar .more{
  float:right;
    padding: 0 12px;
    width: 50px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color: #ff8d00;
    text-align: center;
    border: 1px solid #ff8d00;
    border-radius: 4px;
    margin-top: 50px;
}
#video_list .titlebar a:hover{color: #ff8d00}
#video_list .titlebar .more:hover{background: #ff8d00;color:#fff;}
.ctitle-name {
    padding-left: 10px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #666;
    border-left: 2px solid #ff8d00;
    margin-bottom: 27px;
}

#video_list .vertical li{
  width: 192px;
  height: 390px;
}
#video_list .vertical li img,#video_list .vertical .pic{
  width: 192px;
  height:275px;
}
#video_list .vertical .tit{width: 192px;}