@charset "utf-8";
/* CSS Document */
html { box-sizing:border-box;}
body {  font-family:"microsoft yahei";}

/*右侧固定sider*/
*html{background-image:url(about:blank);background-attachment:fixed;}
.rightSider { width:40px; position:fixed; z-index:100; right:0; bottom:150px; _position:absolute; _bottom:auto; _margin-bottom:150px;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
.rightSider .toTop { display:block; background:url(../images/starlive04/right_sider.png) no-repeat; width:40px; height:46px;}
.rightSider .toTop:hover { background:url(../images/starlive04/right_sider.png) no-repeat -44px 0px;}
.rightSider a.baiduShare { display:block; background:url(../images/starlive04/right_sider.png) no-repeat 0px -46px; width:40px; height:64px; _width:23px;}
.rightSider a.baiduShare:hover { background:url(../images/starlive04/right_sider.png) no-repeat -44px -46px;}
.rightSider .weibo { display:block; background:url(../images/starlive04/right_sider.png) no-repeat 0px -110px; width:40px; height:167px;}
.rightSider .weibo:hover { background:url(../images/starlive04/right_sider.png) no-repeat -44px -110px;}
/*end 右侧固定sider*/

/*头图*/
.header { background:url(../images/starlive04/header_Bg.png) no-repeat center; width:100%; min-width:1000px; height:472px; border-top:1px solid #cecfce; position:relative;}
.header .timeRoom { width:100%; min-width: 1000px; position:absolute; top:360px;font-size:21px; color:#eae9ec;}
.header .timeRoom div{ margin: 15px auto; width: 950px;}
.header .timeRoom a { color:#eae9ec;}
.header .timeRoom a:hover { color:#1aadd9;}
/*end 头 图*/
/*中部导航*/
.midNav{ background:#1aadd9; width:100%; min-width:1000px; overflow:hidden; padding:10px 0;}
.midNav ul { margin:0 auto; width:1000px; min-width:1000px; overflow:hidden;}
.midNav li { float:left; padding:0 18px; border-right:1px dashed #FFFFFF;}
.midNav li.index { margin-left:22px;}
.midNav li.interaction { float:right; margin-right:4px;}
.midNav li.qlVV { }
.midNav a { color:#FFFFFF; height:30px; line-height:30px;}
.midNav a.midNavCurrent { text-decoration:underline; color:#ffd800;}
.midNav a:hover { text-decoration:underline; color:#ffd800;}
.midNav .qlliuyan { border:0px}
.midNav .interaction { border:0px;}
.midNav .interaction a { padding:10px 18px;}
.midNav .interaction a:hover { background:#1290b6; text-decoration:none; color:#FFFFFF;}
/*end 中部导航*/
/*content*/
.content { background:url(../images/starlive04/background.png) repeat; width:100%;}
.qlWidth { width:1000px; margin:0 auto;}/*content-宽度CSS*/
.qlmarginBottom { margin-bottom:20px;}/*content-每一部分的margin-bottom*/
.title { height:46px; background:#0089c2; color:#FFFFFF; font-size:24px; line-height:46px; padding-left:40px;}/*content-title-CSS*/
.leftTriangle { width:0; height:0; border-right:20px solid #09688f; border-bottom:20px solid transparent; overflow:hidden; _border-bottom:dashed; float:left;}/*content-左三角*/
.midRectangle { width:960px; float:left;}/*content-中间长方形*/
.rightTriangle { width:0; height:0; border-left:20px solid #09688f; border-bottom:20px solid transparent; overflow:hidden; _border-bottom:dashed; float:right;}/*content-右三角*/



/*视频直播前的文字介绍*/
.beforeVideo { width:956px; background:#edf1f7; padding:12px 0;}
.beforeVideo p { text-indent:2em; font-size:14px; line-height:24px; padding:0 34px;}
.beforeVideo p a { color:#0089c2;}
.beforeVideo p a:hover { text-decoration:underline;}

.video { padding-top:20px;}
/*player*/
.video .videoplayer{ position: relative; height: 452px; background-color: #1e1e1e; font-size: 12px; line-height: 22px;}
.lSide{ float: left; height: 452px; width: 648px; background-color: #000000;}
.pl_tit{ position: relative; height: 40px; background-color: #1E1E1E; padding: 0 20px;}
.pl_tit h2 { float: left; color: #F2F2F2; font-size: 20px; height: 40px; line-height: 40px; }
.player{ height: 412px;}

/*player-list*/
.thumbList{ position: absolute; width: 250px; height: 386px; right: 0; top: 0; margin-top: 40px; padding-left: 20px; /*background-color:yellow*/}
.scrollArea { width: 212px; height: 386px; overflow: auto; position: relative; /*background-color:#fff*/}
.thumbList li{ margin-bottom: 10px; width: 172px; height: 128px; cursor: pointer; position: relative;}
.thumbList li img { width: 172px; height: 128px;}
.playLists{ border: 2px solid #c4d2e9; }
.current, .playLists:hover{ border: 2px solid #1aadd9;}
.intro{ display: block; position: absolute; left: 0; bottom: 0; width: 176px; height: 22px; line-height: 22px; text-align: center; color: #ffffff; z-index: 10; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.layer{ position: absolute; left: 0; top: 0; width:98%; height: 22px; z-index: -1; background: #000000; opacity: 0.5; filter: alpha(opacity=50); }


.video .picListBox { background:#FFFFFF; padding:26px 0;}
.video .picListBox .pic-pro { float:left; margin-top:143px; width:38px; height:69px; background:url(../images/starlive04/left_Bg.png) no-repeat center;}
.video .picListBox .pic-pro:hover { background:url(../images/starlive04/left_hover_Bg.png);}
.video .picListBox .picList { float:left; width:880px; height:394px; overflow:hidden; margin-left:4px;}
.video .picListBox .picList ul { width:auto; overflow:hidden;}
.video .picListBox .picList li { float:left;}
.video .picListBox .picList li dl { margin:0 8px;}
.video .picListBox .picList li dl img { width:200px; height:150px; border:2px solid #c4d2e9;}
.video .picListBox .picList li dl dd { line-height:46px; font-size:14px; text-align:center; color:#444343;}
.video .picListBox .pic-next { float:right; margin-top:143px; width:38px; height:69px; background:url(../images/starlive04/right_Bg.png) no-repeat center;}
.video .picListBox .pic-next:hover {background:url(../images/starlive04/right_hover_Bg.png);}




.works .properties { background:#ffffff;}
.works .properties a:hover { text-decoration:underline; color:#1aadd9;}
.works .properties h1 { font-size:30px; margin:0 30px; color:#1aadd9; padding:16px 0;}
.works .properties h1 a, .works .properties p a  { color:#1aadd9;}
.works .properties p { margin:0 30px; font-size:14px; line-height:24px; text-indent:2em; color:#2d2d2d;}
.works .properties .qlIntro { margin-top:15px; margin-right:15px; overflow:hidden; padding-bottom:15px;}
.works .properties .qlIntro a { float:right; margin-right:15px; color:#1aadd9;}
.works .properties .qlIntro a.introcurrent { text-decoration:underline;}

.works .song { background:#edf1f7;}
.works .song ul { float:left; margin:30px 50px; width:380px; _display:inline;}
.works .song ul li { margin-bottom:6px;}
.works .song ul a.songNam { display:inline-block; width:250px; color:#535252; font-size:14px;}
.works .song ul a.songNam:hover { color:#1aadd9;}
.works .song ul a.try { display:inline-block; background:url(../images/starlive04/listsongSprites.png) no-repeat; width:20px; height:20px; margin-right:15px;}
.works .song ul a.try:hover { background:url(../images/starlive04/listsongSprites.png) no-repeat 0px -28px; width:20px; height:20px;}
.works .song ul a.down { display:inline-block; background:url(../images/starlive04/listsongSprites.png) no-repeat -58px 0px; width:20px; height:20px; margin-right:15px;}
.works .song ul a.down:hover { background:url(../images/starlive04/listsongSprites.png) no-repeat -58px -28px; width:20px; height:20px;}
.works .song ul a.share { display:inline-block; background:url(../images/starlive04/listsongSprites.png) no-repeat -87px 0px; width:20px; height:20px; margin-right:15px;}
.works .song ul a.share:hover { background:url(../images/starlive04/listsongSprites.png) no-repeat -87px -28px; width:20px; height:20px;}
.imgListBox { padding:25px 0; background:#ffffff; /*视频直播前定位--->*/ /*width:960px; margin:0 auto;*/}
.imgListBox .img-pro { float:left; margin-top:85px; width:38px; height:69px; background:url(../images/starlive04/left_Bg.png) no-repeat center; margin-left:17px;}
.imgListBox .img-pro:hover { background:url(../images/starlive04/left_hover_Bg.png) no-repeat center;}
.imgListBox .img-next { float:right; margin-top:85px; width:38px; height:69px; background:url(../images/starlive04/right_Bg.png) no-repeat center; margin-right:17px;}
.imgListBox .img-next:hover { background:url(../images/starlive04/right_hover_Bg.png) no-repeat center;}
.imgListBox .imgList { overflow:hidden; width:840px; float:left; height:235px; margin-left:5px;}
.imgListBox .imgList ul { width:auto; overflow:hidden;}
.imgListBox .imgList ul li { float:left; width:169px; text-align:center; height:235px;}
.imgListBox .imgList ul li img { width:147px; height:224px;}
.imgListBox .imgList ul li a { border:2px solid #c7d5ea; display:block; margin:0px 5px; padding:1px; width:147px; height:224px;}
.imgListBox .imgList ul li a:hover { border:2px solid #1aadd9; padding:1px;}

.VV ul { background:#ffffff;}
.VV ul li { float:left; margin-left:45px; _display:inline; padding-bottom:35px;}
.VV ul li dl { margin-top:15px;}
.VV ul li dl a { display:block;}
.VV ul li dl dt { position:relative; box-shadow:5px -5px 5px #f3f3f3;}
.VV ul li dl img { width:250px; height:115px; border:6px solid #ffffff; box-shadow:-5px 5px 5px #e0e0e0;}
.VV ul li dl span { display:none; margin-left:-256px; margin-top:6px; position:absolute; width:250px; height:115px; background:#000000; opacity:0.2; filter:alpha(opacity=20);}/*阴影效果使用层*/
.VV ul li dl dd { font-size:14px; margin-top:10px; line-height:24px; text-align:center;}
.VV ul li dl dd a { color:#444343;}
.VV ul li dl dd a:hover { color:#1aadd9;}

.comments { padding-bottom:20px;}
.comments .yousanjiao { _margin-top:-10px;}

.footer { background:#0089c2; height:142px;}
.footer .wrap { padding-top:24px;}
.footer a, .footer span, .footer p { color:#FFFFFF;}
/*end content*/

/*歌曲部分*/
/*歌曲下载*/
.BubbleBox { display:none; box-shadow:0 2px 5px rgba(0,0,0,.2); background:#fff;top:50%; left:50%; z-index:100; width:93px; height:30px; border:1px solid #999; color:#333; position:absolute; border-radius:2px; }
.BubbleBox em,.BubbleBox i { display:block; font-style:normal; position:absolute; font-size:14px; font-family:simsun;}
.BubbleBox em { bottom:-9px; left:50%; margin-left:-8px; z-index:101; color:#999;}
.BubbleBox i { bottom:-8px; left:50%; margin-left:-8px; z-index:102; color:#fff;}
.BubbleBox a { font-size:12px; line-height:30px; display:block; width:70px; height:30px; padding-left:20px; background:url(../../images_1405/comment/duigou.png) 5px center no-repeat;}
.Bubb_p,.Bubb_a { position:relative;}
.DownBox { position:fixed; width:400px; height:180px; top:50%; margin-top:-90px; left:50%; margin-left:-200px; background:#fff; border:1px solid #ccc; box-shadow:0 0 5px rgba(0,0,0,.4); z-index:100; font-family:microsoft yahei,simsun;}
.DownBox h2 { width:100%; height:35px; line-height:35px; font-size:16px; text-align:center; margin-top:30px; margin-bottom:25px;}
.DownBox .db-btn { display:block; width:140px; height:40px; background:#ff6300; color:#fff; line-height:40px; text-align:center; font-size:14px; font-weight:bold; margin:0 auto;}
.DownBox a.close { display:block; width:27px; height:29px;position: absolute; right: 5px; top: 5px; width: 27px; height: 29px; background: url(//www.51vv.com/images_1405/close.png) no-repeat; background-position: -37px 0; cursor: pointer;}

/*歌曲分享*/
.com-share-box { position:absolute; width:194px; height:76px; background:url(../../images_1405/share_float_div.png) no-repeat; background: z-index:100; display:none;}
.com-share-box .cnt { width: 150px; height: 24px; margin: 18px auto 0;}
/*end 歌曲部分*/