.main { width: 1200px; margin: 25px auto 30px; }
.main-l { float: left; width: 1210px; }
.crumb-bread { width: 100%; height: 40px; line-height: 40px; color: #333; border-bottom: 1px solid #dcdcdc; }
.crumb-bread a { color: #333; }
.crumb-bread span { margin: 0 5px; }
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1471224524_613994.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1471224524_613994.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1471224524_613994.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1471224524_613994.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1471224524_613994.svg#iconfont') format('svg'); /* iOS 4.1- */
}
/*视频搜索样式*/
#videoSearch { float:right; }
.videoSearch { width: 258px; float: right; height: 38px; background: #fff; border:1px solid #ccc; border-bottom:0px; }
.videoSearch Button { float: left; display: block; width: 40px; height: 38px; line-height: 40px; text-align: center; color: #b0b0b0; background: #fff; cursor: pointer; border: 0; outline: none; }
.videoSearch input { float: left; width: 210px; height: 28px; padding: 5px 0 5px 8px; color: #b0b0b0; border: 0; outline: none; }
.videoSearch button i { font-size:22px; }
.videoSearch button i.iconfont { font-size: 18px; margin-right: 5px; font-family:"iconfont"; -webkit-font-smoothing: antialiased; display: inline-block; vertical-align: middle;}

/*视频搜索样式*/
.main-l .video-list { margin-top: 18px; }
.main-l .video-list ul { width: 1227px; overflow: hidden; }
.main-l .video-list ul li { position: relative; float: left; width: 292px; height: 219px; margin-right: 14px; margin-bottom: 27px; }
.main-l .video-list ul li .pic { width: 292px; height: 219px; overflow: hidden; }
.main-l .video-list ul li .pic img { width: 292px; height: 219px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.main-l .video-list ul li .bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 66px; background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.main-l .video-list ul li .txt { position: absolute; left: 0; bottom: 0; width: 262px; height: 66px; padding: 0 15px; }
.main-l .video-list ul li .txt h3 { width: 100%; height: 35px; line-height: 36px; overflow: hidden; }
.main-l .video-list ul li .txt h3 a { color: #fff; }
.main-l .video-list ul li .txt .attr { width: 100%; height: 30px; line-height: 16px; }
.main-l .video-list ul li .txt .attr .view { float: left; color: #fff; font-size: 12px; }
.main-l .video-list ul li .txt .attr .view i.iconfont { font-size: 18px; margin-right: 5px; font-family:"iconfont"; -webkit-font-smoothing: antialiased;display: inline-block; vertical-align: middle;}
.main-l .video-list ul li .txt .attr a.play { float: right; width: 46px; height: 20px; line-height: 20px; margin-top: -3px; border: 1px solid #93989d; color: #93989d; text-align: center; font-size: 12px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.main-l .video-list ul li:hover .pic img {
    /*-webkit-transform: scale(1.1);*/
    /*-moz-transform: scale(1.1);*/
    /*-o-transform: scale(1.1);*/
    /*transform: scale(1.1);*/
}
.main-l .video-list ul li:hover .txt .attr a.play { background: #ba1a14; border-color: #ba1a14; color: #fff; }


/*视频分类*/
.main-l .video-list .video-tab{margin:40px auto 20px; width:1200px;}
.main-l .video-list .video-tab>ol{list-style:none;}
.main-l .video-list .video-tab>ol li{float:left;cursor:pointer;  border: 1px solid #444; margin-left: -1px; position:relative;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;}
.main-l .video-list .video-tab>ol li a{
  display:block;padding:5px 25px;
}
.main-l .video-list .video-tab>ol li.on a{
  color:#fff;
}
.main-l .video-list .video-tab>ol li.on{
  background: #044370;
  color: #fff;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;}

.main-l .video-list .video-tab>ol li>a:hover{color:#fff;}
.main-l .video-list .video-tab>ol li>a:after{
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 0px);
    background: #044370;
    z-index: -1;
    opacity: 0;
    -moz-transform: scale3d(0.7, 1, 1);
    -ms-transform: scale3d(0.7, 1, 1);
    -o-transform: scale3d(0.7, 1, 1);
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    transition: transform 0.4s, opacity 0.4s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.main-l .video-list .video-tab>ol li>a:hover:after{
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);}











/*分页*/
.pager { width: 100%; height: 40px; margin: 20px 0; }
.pager a { padding: 4px 10px; margin: 0 2px; background: #eaeaea; border: 1px solid #dcdcdc; color: #333; }
.pager a:hover,
.pager a.active { background: #ba1a14; color: #fff; }
.pager a.current { background: #ba1a14; color: #fff; }



/*视频详情页*/
.video-detail .title { height: 40px; line-height: 40px; overflow: hidden; }
.video-detail .title h1 { float: left; margin-right: 25px; font-weight: bold; }
.video-detail .title h1 span { font-size: 16px; }
.video-detail .title .view { float: left; }
.video-detail .title .view .iconfont { margin-right: 8px; font-size: 16px; color: #ba1a14; font-family:"iconfont"; -webkit-font-smoothing: antialiased;display: inline-block; vertical-align: middle;}

.video-detail .relevant { margin-top: 20px; }
.video-detail .relevant .tit { height: 16px;
    line-height: 16px;
    padding-left: 13px;
    margin-bottom: 13px;
    border-left: 3px solid #ba1a14;
    font-size: 16px;
}
.video-detail .relevant .cont { width: 100%; }
.video-detail .relevant .cont ul {width: 1203px; overflow: hidden; }
.video-detail .relevant .cont ul li { float: left; width: 177px; margin-right: 23px; }
.video-detail .relevant .cont ul li img { width: 177px; height: 133px; }
.video-detail .relevant .cont ul li .attr { height: 28px; line-height: 28px; overflow: hidden; }
.video-detail .relevant .cont ul li .attr h3 {
    float: left;
    width: 116px;
    height: 28px;
    margin-right: 5px;
    font-size: 13px;
    overflow: hidden;
}
.video-detail .relevant .cont ul li .attr h3 a { color: #333; }
.video-detail .relevant .cont ul li .attr h3 a:hover { color: #ba1a14; }
.video-detail .relevant .cont ul li .attr .view { float: right; color: #969696; font-size: 12px; }
.video-detail .relevant .cont ul li .attr .view i.iconfont { font-size: 14px; margin-right: 3px; font-family:"iconfont"; -webkit-font-smoothing: antialiased;display: inline-block; vertical-align: middle;}