@charset "utf-8";
/* CSS Document */
body{font-size:14px; color:#3b3b3b;}
a:hover{text-decoration:none;}
.ui-dialog{border:0; color:#fff; font-size:16px; background-color:rgba(0,0,0,.7) !important; background-color:#000;}
em,i{font-style:normal;}
.ui-dialog-arrow-a, .ui-dialog-arrow-b{border:0;}

/*
	页面公共样式
*/
@font-face {
	font-family:"iconfont";
	src:url(/dist/pubtool/iconfont/v1/iconfont.eot);
	src:url(/dist/pubtool/iconfont/v1/iconfont.eot?#iefix) format("embedded-opentype"),
		url(/dist/pubtool/iconfont/v1/iconfont.woff) format("woff"),
		url(/dist/pubtool/iconfont/v1/iconfont.ttf) format("truetype"),
		url(/dist/pubtool/iconfont/v1/iconfont.svg#uxiconfont) format("svg");
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.pub_w1002 .pub_center{width:1002px;}
.pub_w1002 .pub_search .serchinput {width: 180px;}
.pub_w1002 .pub_search .result {width: 210px;}

.nav{margin-top:392px;}
.nav ul{height:58px; padding-left:90px; background:url(../images/nav.png) no-repeat 0 0;}
.nav li{float:left; width:150px; height:58px;}
.nav li a{display:block; width:100%; height:100%; text-indent:-999px; overflow:hidden;}
.nav li a:hover{background:url(../images/nav.png) no-repeat;}
.nav li.nav-vote a:hover{background-position:-90px -58px;}
.nav li.nav-case a:hover{background-position:-240px -58px;}
.nav li.nav-view a:hover{background-position:-390px -58px;}
.nav li.nav-nice a:hover{background-position:-540px -58px;}
.nav li.nav-map a:hover{background-position:-690px -58px;}
.nav li.nav-cmt a:hover{background-position:-840px -58px;}


.mainbd{padding:10px 0;}

/*活动报道*/
.hdreport{float:left; position:relative; height:24px; max-width:800px; overflow:hidden;}
.notice{margin-bottom:15px; font-size:16px; color:#ea4645;}
.notice ul{position:relative; left:0; top:0; z-index:2;}
.notice span{font-size:18px;}
.notice p{float:left;}
.notice li{height:24px; line-height:24px; overflow:hidden;}
.notice em{cursor:pointer;}

/*下一站*/
.modal,.modal2,.modal3{display:none;}
.map-tip{width:374px; height:150px; background-color:#fff0b7; box-shadow:0 0 5px rgba(0,0,0,.3);}
.map-tip span{display:block; padding-right:6px; text-align:right; color:#828282; cursor:pointer;}
.map-tip p{text-align:center; font-size:20px; color:#ea4645; margin-top:20px; line-height:36px;}

/*播放信息*/
.znq-player{float:left; position:relative; width:640px; height:406px;}
.playbox{width:100%; height:100%; background-color:#000;}
.play-listbox{position:absolute; right:0; top:0; width:210px; overflow:hidden;}
.play-arrow{float:left; width:10px; height:40px; margin-top:168px; background:url(../images/arrowrt.png) no-repeat 0 0; overflow:hidden; cursor:pointer;}
.listbox{float:left; position:relative; width:200px; height:406px;}
.fold{background-position:0 -40px;}
.albg{width:100%; height:100%; background-color:rgba(0,0,0,.7) !important; background-color:#000; filter:alpha(opacity=70);}
.listbox-main{position:absolute; left:0; top:0; width:100%; height:390px; overflow:hidden;}
.play-menu{padding-top:8px; padding-bottom:5px;}
.play-menu span{display:inline-block; font-size:18px; color:#fff; margin-left:10px; cursor:pointer;}
.play-menu span.current{color:#ea4645; border-bottom:#ea4645 3px solid; padding-bottom:5px;}
.play-list{display:none; padding-left:10px; width:190px;}
.play-list li{height:30px; line-height:30px; border-bottom:#49494a 1px solid; overflow:hidden;}
.play-list li a{color:#fff; font-size:14px;}
.play-list li a.current{color:#ea4645;}
.play-list li a:hover{text-decoration:none; color:#ea4645;}
.hdinfo{float:right; width:306px; height:381px; border:#ef7061 2px dashed; padding:10px 20px;}
.hdline{margin-top:4px; margin-bottom:6px; line-height:24px;}
.hdline label{color:#ea4645; font-size:16px;}
.hdline span{float:left;}
.hdline p{float:left; width:230px;}

/*滚动条样式*/
.viewport { position:relative; left:0px; top:0px; width:184px; height:342px; overflow: hidden; }
.overview { position:absolute;left:0; top:0; width:184px; padding:0; margin:0; overflow:hidden; }
.scrollbar{ position:relative; display:inline; float:right; width:6px; background-color:#535353; border-radius:3px; -webkit-border-radius:3px; overflow:hidden; }
.track { height: 100%; width:6px; position: relative; }
.thumb {  position: absolute; top: 0; left: 0px; height: 20px; width:6px; border-radius:3px; -webkit-border-radius:3px;  overflow: hidden; cursor:pointer;background-color:#808080; }
.disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


.sharebox{height:36px; line-height:36px; vertical-align:middle; font-size:18px; margin-top:15px; color:#ea4645;}
.sharebox span{font-size:26px;}
.sharebox a.iconfont{font-size:36px; line-height:36px; color:#ea4645; margin-left:8px;}
.sharebox a.js_icon_QQ:hover{color:#F0BD4A;}
.sharebox a.js_icon_QQs:hover{color:#6BA6DE;}
.sharebox a.js_icon_sina:hover{color:#E6152B;}
.sharebox a.js_icon_qqweibo:hover{color:#0D96CA;}

.appcode{width:300px; height:132px; margin:20px auto 0; background-image:url(../images/appdown.jpg);}

/*神秘嘉宾*/
.jbbox{margin-top:30px;}
.smjb{float:left; width:240px; text-align:right; padding-right:10px; padding-top:90px;}
.guestsbox{float:right; position:relative; width:748px; height:280px; color:#fff; font-size:14px;}
.guestsbox .arrow-lt{position:absolute; left:0; top:108px; font-size:26px; color:#ea4645; font-weight:bold; z-index:2;}
.guestsbox .arrow-rt{position:absolute; right:0; top:108px; font-size:26px; color:#ea4645; font-weight:bold; z-index:2;}
.arrow-lt:hover,.arrow-rt:hover{text-decoration:none; color:#bc1b21;}
.guest-box{width:708px; position:relative; margin-left:20px; height:260px; overflow:hidden;}
.guest-box ul{position:absolute; width:200%;}
.guest-box li{float:left; width:290px; height:220px; padding:20px; margin:0 12px; display:inline; background-color:#ea4645; text-align:center;}
.guest-info img{float:left;}
.guest-info dl{float:left; width:150px; padding-left:20px; text-align:left; color:#fff;}
.guest-info dl dt{font-size:16px; color:#fff0b7; margin-bottom:2px;}
.guest-info dl dd{line-height:24px; height:96px; overflow:hidden;}
.guest-works{padding-top:14px; text-align:left;}
.guest-works div{position:relative; width:100%; height:44px; margin-bottom:4px; line-height:22px; color:#fff;}
.guest-works p{position:absolute; left:70px; top:0;}
.guest-works p a{color:#fff;}
.guest-works p a:hover{color:#fff0b7; text-decoration:none;}

.guest-ctn{display:none;}
.wenhao{cursor:pointer;}
.guest-zli{width:100%; height:100%; position:relative;}
.guest-zli label{position:absolute; left:-6px; bottom:-6px; display:inline-block; width:60px; height:26px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; background-color:#bc1b21; color:#fff; font-size:16px; cursor:pointer;}
.zli-progress{position:absolute; right:-6px; bottom:-6px; width:120px; height:16px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; background-color:#FF8E8D;}
.zli-progress p{width:1%; min-width:16px; height:100%; border-radius:8px; background-color:#bc1b21;}
.zli-progress span{position:absolute; left:0; top:0; display:block; width:100%; height:16px; line-height:16px; text-align:center; font-size:12px; color:#fff;}
.guest-zli u{display:none; position:absolute; left:120px; top:70px; text-decoration:none; font-size:30px; color:#bc1b21;}



/*最佳舞曲*/
.hdmenu{margin-top:30px; margin-bottom:10px; height:72px; background-color:#e1d4a8;}
h2.gmenu{width:179px; height:72px; margin:0 auto; background:url(../images/menu.png) no-repeat; text-indent:-999px; overflow:hidden;}
h2.gmenu-case{background-position:0 0;}
h2.gmenu-nice{background-position:0 -76px;}
h2.gmenu-pic{background-position:0 -152px;}
h2.gmenu-cmt{background-position:0 -228px;}
.vote-time{margin-top:22px;}


.grule{float:left; width:450px; padding-left:15px; font-size:16px;}
.grule em{color:#ea4645; font-size:22px; margin-right:4px;}
.ft14{font-size:14px;}
.gtime{margin-top:5px; text-align:right; color:#ea4645;}
.control a{font-size:30px; line-height:30px; color:#ea4645; margin-left:20px;}
.control a:hover{color:#bc1b21;}


.video-list{width:1030px;}
.video-list li{float:left; width:230px; height:150px; margin-top:20px; margin-right:27px; display:inline; overflow:hidden;}
.video-list .video-pos{position:relative; width:230px; height:150px; overflow:hidden; z-index:3;}
.video-list .video-name{position:absolute; left:0; bottom:0; width:100%; height:30px; overflow:hidden; z-index:2; transition:bottom 0.3s linear;}
.video-list .video-name p{position:absolute; width:90%; top:0; margin-left:5%; margin-right:5%; height:30px; line-height:30px; font-size:14px; color:#000; overflow:hidden; z-index:3;}
.al-white{display:block; width:100%; height:30px; background-color:rgba(255,255,255,.7) !important; background-color:#fff; filter:alpha(opacity=70);}
.al-black{display:block; width:100%; height:52px; background-color:rgba(0,0,0,.5) !important; background-color:#000; filter:alpha(opacity=50);}
.video-list .video-info{position:absolute; left:0; bottom:-52px; width:100%; height:52px; font-size:12px; overflow:hidden; z-index:2; transition:bottom 0.3s linear;}
.video-list .video-info p{position:relative; top:-52px; width:90%; margin-left:5%; height:26px; line-height:26px; z-index:4; color:#fff;}
.video-list .video-info p em{margin-right:6px;}
.btn-full{display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; background:url(http://www.boosj.com/images/blank.png) no-repeat 0 0;}
.btn-play{display:block; position:absolute; right:10px; bottom:-36px; width:36px; font-size:36px; color:#fff; height:36px; line-height:36px; z-index:6; transition:bottom 0.3s linear;}
.video-list .active .video-name{bottom:52px; height:52px; transition:bottom 0.3s linear;}
.video-list .active .al-white{height:52px;}
.video-list .active .video-info{bottom:0; transition:bottom 0.3s linear;}
.video-list .active .video-name p{height:40px; line-height:20px; top:6px;}
.video-list .active .btn-play{bottom:8px;}
.btn-vote{position:absolute; right:10px; bottom:-36px; display:block; width:74px; height:26px; line-height:26px; border-radius:4px; font-size:12px; text-align:center; background-color:#ffa300; color:#fff; z-index:7;}
.video-list .active .btn-vote{bottom:12px; transition:bottom 0.3s linear;}

.btn-play:hover{color:#ea4645;}
.btn-vote:hover{background-color:#ea4645; color:#fff;}
.btn-playlt{left:10px;}
.video-list u{display:none; position:absolute; color:#f00; text-decoration:none;}
#activeVideo .active .video-name{bottom:0; height:52px; transition:height 0.3s linear;}

/**/
.zuopin{width:1002px; height:510px; position:relative; overflow:hidden;}
.zuopin .zplist{position:absolute; width:200%;}
.zuopin .video-list{float:left; width:257px; overflow:hidden;}

/*精彩瞬间*/
.photobox{position:relative; width:960px; margin:0 auto; height:600px;}
.photo-list{display:none; position:relative; width:100%; height:100%;}
.photo-list p{position:absolute; left:0; bottom:110px; width:100%; height:46px; line-height:42px; text-indent:14px; font-size:16px;}
.slider-ctl{ position:absolute; bottom:0; left:0; width:100%; height:110px;}
.slider-spic{ position:relative; left:0px; top:10px; margin:0 auto; width:900px; overflow:hidden; z-index:2; }
.slider-spic ul{ position:relative; left:0px; top:0px; width:99999px;}
.slider-spic li{ display:inline; float:left; width:140px; height:90px; margin:0px 5px; cursor:pointer;}
.slider-spic img{border:0;}
.slider-spic .current img{ border:2px solid #ea4645; width:136px; height:86px; }
.photobox .arrow-lt{position:absolute; left:5px; top:35px; width:30px; font-size:30px; color:#fff; z-index:2;}
.photobox .arrow-rt{position:absolute; right:5px; top:35px; width:30px; font-size:30px; color:#fff; z-index:2;}
.photobox .arrow-lt:hover,.photobox .arrow-rt:hover{text-decoration:none; color:#ea4645;}
.photobox .albg{position:absolute; left:0; bottom:0; z-index:1;}
.photobox .al-black{display:block; width:100%; height:100%; background-color:rgba(0,0,0,.5) !important; background-color:#000; filter:alpha(opacity=50);}
.photo-arrowlt{position:absolute; width:70px; height:70px; left:0; top:190px;}
.photo-arrowrt{position:absolute; width:70px; height:70px; right:0; top:190px;}
.photobox .photo-arrowlt .arrow-lt{font-size:50px; width:50px; top:0; left:15px;}
.photobox .photo-arrowrt .arrow-rt{font-size:50px; width:50px; top:0; right:15px;}



/*地图*/
.map{float:left; width:700px; height:570px;}
.mapTipText{width: 160px;height: 190px; position:relative; border:0; background-color:rgba(255,255,255,.8) !important; background-color:#fff; overflow:hidden;}
.mapTipText .movebtn{display:block; width:100%; position:absolute; left:0; height:16px; line-height:16px; color:#fff; background-color:#FFC90F; text-align:center; text-decoration:none;}
.mapTipText .upbtn{bottom:0;}
.mapTipText .downbtn{top:0;}
.mapTipText ul{position:relative; left:0; top:0;}
.mapTipList{position:relative; left:0; top:0; width:100%; height:150px; margin-top:20px; overflow:hidden;}
.mapTipText ul li{list-style: none; position:relative; height:30px; overflow:hidden;}
.mapTipText ul li a{display:block; width:100%; height:30px; line-height:30px; overflow:hidden;}
.mapTipText ul li a:hover{background-color:#FFF0B7;}
.mapTipText ul li span{display:inline-block; padding-left:10px; width:72px; white-space:nowrap; color:#000; overflow:hidden;}
.mapTipText ul li em{position:absolute; right:10px; top:0; width:70px; color: #ea4645;text-decoration:none; text-align:right; white-space:nowrap; overflow:hidden; cursor:pointer;}
.mapTipText ul li u{display:none; position:absolute; right:6px; text-decoration:none; color:#f00;}

.hotcity{float:right; width:144px; margin-top:20px; padding:20px 22px 30px; border:#fed63c 2px dashed;}
.hotcity h3{font-size:16px;}
.hotcity h3 span{color:#ea4645;}
.hotcity li{height:22px; margin-top:10px;}
.hotcity li span{display:inline-block; width:22px; height:22px; color:#fff; text-align:center; margin-right:10px;}
.hotcity li.li1{color:#F68400;}
.hotcity li.li2{color:#60C31B;}
.hotcity li.li3{color:#28C9B9;}
.hotcity li.li1 span{background-color:#F68400;}
.hotcity li.li2 span{background-color:#60C31B;}
.hotcity li.li3 span{background-color:#28C9B9;}

/*预约信息*/
.order{width:350px; height:300px; background-color:#FFF0B7; box-shadow:0 0 5px rgba(0,0,0,.3); font-size:14px; color:#000; text-align:left;}
.order .close{display:block; padding-right:6px; text-align:right; color:#828282; cursor:pointer;}
.thks{padding-left:28px; font-size:16px; color:#ea4645;}
.info{padding-left:28px; margin-top:4px;}
.formul{padding-left:28px;}
.formul li{margin-top:8px; line-height:30px;}
.formul li span{display:inline-block; width:72px; text-align:right;}
.formul li .formtxt{width:200px; height:24px; line-height:24px; text-indent:8px; color:#bbb; border:#FFC910 1px solid;}
.formul li .formbtn{width:62px; height:28px; border:0; background-color:#BBBBBB; color:#fff; text-align:center; font-size:16px; margin-top:10px; cursor:pointer;}
.formul li .confirmbtn{background-color:#ea4645; margin-right:20px;}
.ordertip{height:44px; line-height:44px; text-align:center; background-color:#FFFAE6; color:#ea4645; border-top:#FFC910 1px solid; margin-top:24px;}


.pri_commentbox .cmt-box{background-color:#fff;}



.pub_footer{padding:20px 0 30px; height:104px; margin-top:40px; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5); box-shadow:0 0 10px rgba(0, 0, 0, .3);}
.pub_footer .footer_main{font-size:12px;}





