/*common*/
.clearFix:after{ clear: both; display: block; visibility: hidden; height: 0; line-height: 0; content: ""; }
.clearFix{ *zoom: 1; }
/*html{ background-image: url(''); background-attachment: fixed; }*/
body{ font-family: "Microsoft YaHei";  background-color: #ffffff; }
a{ text-decoration: none; }

/*main*/
.main{ position: relative; top: 0; width: 1190px; margin: 0 auto; overflow: hidden; }
/*background*/
a:hover{ color:#73AB19; }
.title{ height: 36px; border-bottom: #E6E6E6 1px solid; position: relative; margin: 4px 0; }
.title em{ float: left; display: inline-block; width: 116px; color: #FF7E00; border-bottom: #FF7E00 2px solid; vertical-align: text-bottom; font-size: 24px; line-height: 36px; }
.title a.more{ width: 28px; padding-right: 15px; display: block; float: right; font-size: 14px; color: #333333; line-height: 36px; background: url(../../images_1405/com_index_sprite.png) no-repeat 25px -272px;  }
.title a.more:hover{ color:#73AB19; }
.title a.huodongmore{ float: left; display: inline-block; color: #000000; font-size: 14px; line-height: 36px; vertical-align: middle; margin-left: 10px; }
.title a.huodongmore:hover{ color: #ff7e00; }
.ad{ width: 100%; height: 100px; margin-bottom: 30px; }
.ad a{ display: block; width: 100%; height: 100px; background: url(../images/huodong_new/index/ad.jpg) no-repeat center 0; }


.box1 .left{ float: left; width: 710px; height: 220px; overflow: hidden; }
.box1 .left ul{ width: 710px; overflow: hidden; padding: 28px 0; }
.box1 .left ul li{ float: left; display: inline-block; width: 210px; height: 165px; margin-right: 20px; }
.box1 .left ul li img{ width: 210px; height: 165px; }
.box1 .right{ float: left; width: 480px; height: 220px; overflow:hidden; }
.box1 .right .search input{ display: inline-block; vertical-align: middle; margin-top: 28px; }
.box1 .right .search input.text{ background: url(../images/huodong_new/search2.png) no-repeat 8px center; line-height: 24px; height: 24px; width: 364px; font-size: 12px; background-color: #ffffff; color: #D6D6D6; border: #D6D6D6 1px solid; padding-left: 30px; border-right: 0 none; }
.box1 .right .search input.button{ height: 26px; width: 84px; background-color: #FF7E00; font-size: 16px; line-height: 26px; color: #ffffff; font-weight: bold; cursor: pointer; border: none 0; }
.box1 .right .search input.button:hover{ background-color: #FF6300; }
.box1 .right .tit{ width: 480px; height: 30px; line-height: 30px; font-size: 14px; background-color: #EBEBEB; margin-top: 12px; }
.box1 .right .tit span{ display: inline-block; text-align: center; width: 90px; height: 30px; color: #ffffff; background-color: #FF7E00; }
.box1 .right ul{ width: 492px; overflow: hidden; padding: 14px 0; }
.box1 .right ul li{ float: left; display: inline-block; width: 82px; height: 24px; line-height: 24px; font-size: 12px; }
.box1 .right ul li a{ display: inline-block; _width:70px; max-width: 70px; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.box1 .right ul li a:hover{ color: #73AB19; }

/*page*/
.pageIcon{ float: right; height: 14px; min-width: 80px; padding-top: 16px; }
.pageIcon a{ height: 14px; width: 14px; overflow:hidden; display: block; cursor: pointer; }
.pageIcon a.pre_png{ float:left; background: url(../../images_1405/com_index_sprite.png) no-repeat -8px -200px; }
.pageIcon span{ float: left; height: 14px; width: 14px; overflow:hidden; display: block; margin: 0 4px; background: url(../../images_1405/com_index_sprite.png) no-repeat -23px -224px; cursor: pointer; }
.pageIcon a.nxt_png{ float:left; background: url(../../images_1405/com_index_sprite.png) no-repeat -48px -200px; }
/* 14*14 */
.pageIcon span.pointh{ background: url(../../images_1405/com_index_sprite.png) no-repeat -7px -225px; }

#pcontent{ width: 1232px; overflow: hidden; margin: 24px 0; }
#box{ width: 999999px; overflow: hidden; }
ul.today{ width: 1232px; overflow: hidden; float: left; }
ul.today li{ float: left; display: block; }
ul.today li{ width: 262px; height: 180px; display: block; border: 2px #EEEEEE solid; margin-right:42px; margin-bottom: 32px; position: relative; }
ul.today li:hover{ border: 2px #C7DDA3 solid; }
ul.today li a{ font-size: 12px; color: #8EC831; line-height: 20px; }
ul.today li a:hover{ border-bottom: 1px #73AB19 dotted; }
ul.today li a.headlink{ display: block; width: 250px; height: 115px; margin: 4px auto; }
ul.today li a.headlink img{ width: 250px; height: 115px; }
ul.today li a.headlink:hover{ border-bottom: none 0; }
ul.today li p{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 18px; color: #666666; }
ul.today li a.tit{ font-size: 14px; line-height: 30px; color: #666666; display: inline-block; _width: 240px; max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
ul.today li a.tit:hover{ color: #8EC831; border-bottom: none 0; }
ul.today li a.room{ display: inline-block; _width: 200px; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; }
ul.today li a.tuijian{ display: block; width: 48px; height: 48px; position: absolute; top: 0; right: 0; background: url(../images/huodong_new/tuijian.png) no-repeat 0 0; }
ul.today li a.zhanqing{ display: block; width: 48px; height: 48px; position: absolute; top: 0; right: 0; background: url(../images/huodong_new/zhanqing.png) no-repeat 0 0; }
ul.today li:hover a.playing{ display: block; width: 58px; height: 58px; position: absolute; top: 32px; left: 101px; background: url(../images/huodong_new/playing.png) no-repeat 0 0; }
ul.today li:hover a.playing:hover{ background: url(../images/huodong_new/playing2.png) no-repeat 0 0; }

ul.classics{ padding: 24px 0; width: 2000px; overflow: hidden; }
ul.classics li{ float: left; width: 260px; height: 180px; display: block; border: 2px #EEEEEE solid; margin-right: 44px; position: relative; }
ul.classics li:hover{ border: 2px #C7DDA3 solid; }
ul.classics li a.headlink{ display: block; width: 250px; height: 115px; margin: 4px auto; }
ul.classics li a.headlink img{ width: 250px; height: 115px; }
ul.classics li a{ font-size: 12px; color: #666666; }
ul.classics li a:hover{ color:#8EC831; }
ul.classics li a.type{ font-size: 12px; color: #8EC831; line-height: 20px; }
ul.classics li a.type:hover{ border-bottom: 1px #73AB19 dotted; }
ul.classics li p{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 18px; color: #666666; }
ul.classics li a.tit{ font-size: 14px; line-height: 30px; display: inline-block; _width: 240px; max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
ul.classics li a.tuijian{ display: block; width: 48px; height: 48px; position: absolute; top: 0; right: 0; background: url(../images/huodong_new/tuijian.png) no-repeat 0 0; }
ul.classics li a.zhanqing{ display: block; width: 48px; height: 48px; position: absolute; top: 0; right: 0; background: url(../images/huodong_new/zhanqing.png) no-repeat 0 0; }
ul.classics li:hover a.playing{ display: block; width: 58px; height: 58px; position: absolute; top: 32px; left: 101px; background: url(../images/huodong_new/playing.png) no-repeat 0 0; }
ul.classics li:hover a.playing:hover{ background: url(../images/huodong_new/playing2.png) no-repeat 0 0; }

ul.report{ padding: 20px 0; width: 1400px; overflow: hidden; }
ul.report li{ float: left; width: 600px; margin-right: 50px; font-size: 14px; line-height: 36px; color: #666666;  }
ul.report li a{ color: #666666; margin-right: 6px; display: inline-block; height: 36px; }
ul.report li a:hover{ color:#73AB19; }
ul.report li a.tit1{ color: #FF7E00; margin-right: 18px; }
ul.report li a.tit1:hover{ color:#73AB19; }

.mus_mainNav ul li a{ color: #333333; }
.mus_mainNav ul li a:hover{ color: #ff7e00; }

@media screen and (max-width: 1190px) {
    .main{ width: 960px; }
    .box1 .left{ width: 450px; margin-right: 30px; }
    #pcontent{ width: 1038px;}
    ul.today{ margin-right: -194px; }
    ul.today li{ margin-right: 80px; }
    ul.classics li{ margin-right: 84px; }
    ul.report li{ width: 460px; margin-right: 40px; }
    ul.recentLive li{ margin-right: 84px; }
}

/*近期直播*/
.recentLiveBox{ width: 100%; margin: 0 auto; background-color: #f6f6f6; display: none; }
ul.recentLive{ padding: 24px 0; width: 1216px; overflow: hidden; }
ul.recentLive li{ float: left; width: 260px; height: 200px; display: block; margin-right: 44px; position: relative; }
ul.recentLive li a.imgLink{ display: block; width: 250px; height: 115px; margin: 4px auto; border: 2px transparent solid; position: relative; }
ul.recentLive li a.imgLink img{ width: 250px; height: 115px; }
ul.recentLive li a.imgLink:hover{ border: 2px #EEEEEE solid; }
ul.recentLive li a.imgLink .mask{ display: none; width: 250px; height: 115px; background: rgba(76,73,73,0.7)!important; position: absolute; left: 0; top: 0; filter:Alpha(opacity=70); background:#4c4949; }
ul.recentLive li a.imgLink:hover .mask{ display: block; }
ul.recentLive li a.imgLink .mask .twoCode{ float: left; width: 100px; height: 100px; margin: 7px 10px 0 30px; }
ul.recentLive li a.imgLink .mask .maskRight{ float: left; margin-top: 38px;  }
ul.recentLive li a.imgLink .mask .maskRight p{ color: #fff; font-size: 15px; line-height: 25px; position: relative; }
ul.recentLive li a{ font-size: 14px; color: #333333; }
ul.recentLive li a:hover{ color:#8EC831; }
ul.recentLive li p{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 18px; color: #666666; }
ul.recentLive li a.tit{ font-size: 14px; line-height: 18px; display: inline-block; _width: 240px; max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
ul.recentLive li p span{ font-size: 20px; }