.area1,.areaCom{width: 1180px;margin-bottom: 50px;}
.area1-left,.areaCom-left{float: left;width: 880px;}
.area1-right,.areaCom-right{float: right;width: 260px;}
/*comtitle*/
.comtitle{padding-bottom: 19px;border-bottom: 1px solid #ececec;margin: 5px 0 0 0;}
/*comtitle1*/
.comtitle1{width: 100%;height: 28px;line-height: 28px;}
.comtitle1 h2{font-size: 26px;color: #e54d00;float: left;}
.comtitle1 .comtitle1_bg{float: right;width: 758px;height: 12px;background: url(../../images/video/index/h2_bg.png) 0 0 no-repeat;margin-top: 7px;}
.comtitle1 .more{color: #333;float: right;}
.comtitle1 .more:hover{color: #ff5500;}
.comtitle1 ol{float: left;margin: 3px 0 0 25px;color: #ececec;height: 22px;}
.comtitle1 li{height: 22px;line-height: 22px;padding: 0 10px;margin: 0 10px;display: inline-block;_zoom: 1;*display: inline;
	transition: background-color .1s ease-out;
	-moz-transition: background-color .1s ease-out; /* Firefox 4 */
	-webkit-transition: background-color .1s ease-out; /* Safari Chrome */
	-o-transition: background-color .1s ease-out; /* Opera */
}
.comtitle1 li a{color: #333;}
.comtitle1 li:first-child{border-left: 0;}
.comtitle1 li:hover{background-color: #ff5500;}
.comtitle1 li:hover a{color: #fff;}
/*imgbox*/
.imgbox .layer{width: 160px;height: 110px;background: url(../../images/video/index/play.png) 57px 30px no-repeat;background-color: rgba(0,0,0,.3);background-color: #000\9;}
/*slide*/
.slide{width: 1180px;height: 400px;overflow: hidden;position: relative;margin-bottom: 35px;}
.slide img{width: 100%;height: 100%;}
.slide ul{height: 400px;position: absolute;left: 0;top: 0;}
.slide ul li{width: 1180px;height: 400px;overflow: hidden;float: left;}
.slide .slide-s{position: absolute;left: 155px;bottom: 20px;width: 830px;height: 70px;z-index: 1;overflow: hidden;padding: 20px;background-color: rgba(2,8,14,.8);background-color: #01050a\9;}
.slide .slide-h3{float: left;width: 230px;height:64px;overflow: hidden;font-size: 22px;line-height: 32px;}
.slide .slide-h3 h3{display: none;}
.slide .slide-h3 h3.active{display: block; color:#fff;}
.slide .slide-h3 a{color: #fff;}
.slide .slide-tab{float: right;width: 600px;height: 70px;overflow: hidden;position: relative;}
.slide .slide-tab ol{position: absolute;left: 0;top: 0;height: 70px;}
.slide .slide-tab li{float: left;width: 100px;height: 70px;overflow: hidden;margin-left: 20px;position: relative;}
.slide .slide-tab i{border: 3px solid #ff5500;display: none;width: 94px;height: 64px;position: absolute;left: 0;top: 0;}
.slide .slide-tab li.active i{display: block;}
.slide .prev,.slide .next{width: 34px;height: 110px;background-image: url(../../images/video/index/pn.png);background-repeat: no-repeat;z-index: 1;background-color: rgba(42,45,50,.8);background-color: #2a2d32\9;
	transition: background-color .1s ease-out;
	-moz-transition: background-color .1s ease-out; /* Firefox 4 */
	-webkit-transition: background-color .1s ease-out; /* Safari 和 Chrome */
	-o-transition: background-color .1s ease-out; /* Opera */
}
.slide .prev:hover,.slide .next:hover{background-color: rgba(255,119,51,.8);background-color: #ff7733\9;}
.slide .prev{position: absolute;left: 110px;bottom: 20px;background-position: 9px 45px;}
.slide .next{position: absolute;right: 110px;bottom: 20px;background-position: 9px -24px;}
/*area1-left*/
.area1-left ul{margin: 20px 0;}
.area1-left .imgbox{float: left;margin: 0 0 18px 20px;}
.area1-left .imgbox img{width: 160px;height: 110px;}
.area1-left .imgbox .txt{width: 160px;height: 36px;line-height: 18px;text-align: left;}
.area1-left .imgb{width: 340px;height: 320px;position: relative;overflow: hidden;float: left;}
.area1-left .imgb img{width: 100%;height: 100%;}
.area1-left .imgb .txt{height: 54px;line-height: 60px;font-size: 16px;position: absolute;left: 0;bottom: 0;padding: 6px 20px 0 80px;background: url(../../images/video/index/imgb.png) 0 0 no-repeat;text-align: left;width: 240px;line-height: 24px;color: #fff;background-color: rgba(0,0,0,.7);background-color: #000\9;}
.area1-left .imgb:hover .txt{color: #ff5500;}
.area1-hotTag{position: relative;width: 100%;height: 20px;}
.area1-hotTag span{margin: 0 auto;display: block;width: 84px;height: 20px;border-radius: 10px;background-color: #20da9b;color: #fff;line-height: 20px;text-align: center;position: relative;z-index: 1;}
.area1-hotTag i{width: 100%;height: 1px;background-color: #ececec;position: absolute;top: 10px;left: 0;}
/*area1-right*/
/*areaCom*/
.areaCom-left ul{margin-left: -20px;}
.areaCom .imgbox{margin: 18px 0 0 20px;}
.areaCom .imgbox img{width: 160px;height: 110px;}
.areaCom .imgbox .txt{width: 160px;height: 36px;line-height: 18px;text-align: left;}
/*areaCom-ranklist*/
.areaCom-ranklist .num{width: 20px;height: 20px;line-height: 20px;text-align: center;background-color: #4b9afa;color: #fff;}
.areaCom-ranklist li{width: 260px;padding: 12px 0;border-bottom: 1px solid #ececec;line-height: 15px;height: 15px;}
.areaCom-ranklist div .num{float: left;margin-top: -5px;}
.areaCom-ranklist .ranktop3{background-color: #ff5a00;}
.areaCom-ranklist div .txt{float: left;;width: 220px;height: 15px;line-height: 15px;color: #333;overflow: hidden;margin-left: 20px;}
.areaCom-ranklist div .txt:hover{color: #ff5500;}
.areaCom-ranklist div{display: block;}
.areaCom-ranklist dl{display: none;width: 260px;height: 60px;}
.areaCom-ranklist li.active{height: 60px;}
.areaCom-ranklist li.active div{display: none;}
.areaCom-ranklist li.active dl{display: block;}
.areaCom-ranklist dt{float: left;width: 80px;height: 60px;overflow: hidden;position: relative;}
.areaCom-ranklist dt .num{position: absolute;left: 0;top: 0;}
.areaCom-ranklist dd{float: right;font-size: 15px;line-height: 26px;height: 52px;width: 160px;overflow: hidden;}
.areaCom-ranklist dd a{color: #333;}
.areaCom-ranklist dd a:hover{color: #ff5500;}
/*sidenav*/
.sidenav{margin-top: -190px;}
/*footer*/
.footer{margin-top: 0;background-color: #fff;}