@charset "UTF-8";
body{font-family:"microsoft yahei";background: url(../images/starlive08/body-bg.jpg) repeat-y center 0;}
.header{background: url(../images/starlive08/header.jpg) no-repeat center -8px;height: 580px;position: relative;}
.header .intro-section{width: 960px;margin:0 auto;}
.header .header-intro{position: absolute;bottom: 64px;color: #915B99;}
.header .header-intro p{line-height: 36px;}
.header .header-intro a{color: #915B99;}
.header .header-intro a:hover{color: #BF36CF;}

.header .nav{background: url(../images/starlive08/nav.png) no-repeat center top;position: absolute;bottom: 0;left: 0;width: 100%; height: 46px;}
.header .nav .nav-list{width: 960px;margin:0 auto; height: 46px; zoom: 1;}
.header .nav .nav-list li{float: left;height: 44px; line-height: 44px;color: #edebf0;}
.header .nav .nav-list li.interaction-item{float: right;}
.header .nav .nav-list li a {display: inline-block;color: #edebf0; padding: 0 10px; text-align: center; height: 30px;line-height: 30px; margin:8px 14px; }
.header .nav .nav-list li a:hover{color: #BD3CC2;background-color: #FBD6E9;border-radius: 4px;}
.header .nav .nav-list li a.cur{color: #BD3CC2;background-color: #FBD6E9;border-radius: 4px;}
.header .nav .nav-list li.interaction-item{ margin-top: -16px;}
.header .nav .nav-list li.interaction-item a{width:102px; height:45px;line-height:45px;font-size:18px;background: url(../images/starlive08/join.png) no-repeat 0 0; }
.header .nav .nav-list li.interaction-item:hover a{color:#FFFD3A;}

.section{width: 960px; margin:30px auto 0;}
.section .title{ height: 68px;position:relative;}
.section .title .tab{height: 100%;font-size: 26px; line-height: 68px; padding-left: 76px;color: #FCF5FB; background: url(../images/starlive08/tab-section.jpg) no-repeat 0 0;}
.section .title .tab-fixed{position: absolute;top:8px;left: -11px;}
.section .title .tab-fixed .fixed-top{width: 11px; height: 46px;background: #B356E2;}
.section .title .tab-fixed .fixed-bottom{width: 0; height: 0;overflow: hidden;border:11px solid;border-right:none; border-color:#66198F transparent transparent; _border-bottom-style: dashed; _border-left-style: dashed;}
.section .title a.more{ float: right; display: block; margin-top: -42px; margin-right: 20px; font-size: 16px; line-height: 16px; color: #FCF5FB; }
.section .title a.more:hover{ color: #FFFD3A; }

/*player*/
.video .videoplayer{ position: relative; height: 492px; background-color: #FFF3F9; font-size: 12px; line-height: 22px;}
.lSide{ float: left;_display:inline; height: 452px; width: 648px; margin-left: 15px; margin-bottom: 40px; background-color: #000000;}
.pl_tit{ position: relative; height: 40px; background-color: #FFF3F9; padding: 0 20px;}
.pl_tit h2 { float: left; color: #BF36CF; font-size: 20px; height: 40px; line-height: 40px; }
.player{ height: 412px;}
/*player-list*/
.thumbList{ position: absolute; width: 250px; height: 386px; right: 0; top: 40px; }
.scrollArea { width: 212px; height: 412px; overflow: auto; position: relative;}
.thumbList li{ margin-bottom: 10px; *margin-bottom: 5px; width: 172px; height: 126px; cursor: pointer; position: relative;}
.thumbList li img { width: 172px; height: 126px;display: block;}
.playLists{ border: 2px solid #EFD6E8; }
.current, .playLists:hover{ border: 2px solid #BF36CF;}
.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); }

.pic-show{overflow: auto;zoom: 1;clear: both;background: #EFD7E9; padding:36px 18px;}
.pic-show .show-left{width: 22px;background: #C15FDA;float: left;font-size: 22px; padding:13px 7px; height: 88px;}
.pic-show .show-left a {color: #ffffff;}
.pic-show .show-left a:hover {color: #BF36CF;}

.pic-show .pic-intro{text-indent: 2em;font-size: 14px; line-height: 24px;color: #2d2d2d;background:#FDEDF6;width: 840px;float: left;height: 102px; padding:6px 24px;}
.pic-show .pic-intro a{color: #BF36CF;}

.pic-show .show-right{width: 8px;background: #6967ce;float: right;height: 114px;}
.pic-show .pic-list{overflow: auto;zoom: 1;clear: both;padding-top: 36px;}
.pic-show .pic-list li{float: left;margin-right: 14px;}
.pic-show .pic-list li a{display: block;border:5px solid #fff;position: relative;}
.pic-show .pic-list li img{display: block;width: 100%;height: 100%;}
.pic-show .pic-list .pic-item-left{width: 224px;height: 337px;}
.pic-show .pic-list .pic-item-left a{width: 214px; height: 327px;}
.pic-show .pic-list .pic-item-middle{width: 448px;height: 337px;}
.pic-show .pic-list .pic-item-middle .item-middle-top a{width: 438px; height: 152px;}
.pic-show .pic-list .pic-item-middle .item-middle-bottom{margin-top: 12px; clear: both;overflow: auto;zoom: 1; }
.pic-show .pic-list .pic-item-middle .item-middle-bottom a{width: 207px;height: 152px;}
.pic-show .pic-list .pic-item-middle .item-middle-bottom .middle-bottom-left{float: left;}
.pic-show .pic-list .pic-item-middle .item-middle-bottom .middle-bottom-right{float: right;}
.pic-show .pic-list .pic-item-right{width: 224px;height: 337px;margin-right: 0;}
.pic-show .pic-list .pic-item-right a{width: 214px;height: 327px;}

.pic-show .pic-list .pic-hover-layer{width: 100%; height: 100%;position: absolute;top: 0;left: 0; background: #2c124a; filter:alpha(opacity=50); display: none; background: rgba(44,18,74,.48);}
.pic-show .pic-list .layer-word-container{position: absolute;bottom: 20px;left: 0; z-index: 100; color: #fff; width: 100%;display: none;}
.pic-show .pic-list .layer-word-container h4{font-size: 16px; line-height: 24px; margin:0 15px;}
.pic-show .pic-list .layer-word-container p{font-size: 14px; line-height: 18px; margin:0 15px;}
.pic-show .pic-list a:hover .pic-hover-layer{display: block;}
.pic-show .pic-list a:hover .layer-word-container{display: block;}




.music-intro{background:#FFF3F9;overflow: auto;zoom: 1; padding: 34px;}
.music-intro h3{margin-bottom: 24px;}
.music-intro h3 a{font-size: 30px;color: #503a92;text-decoration: none;}
.music-intro p{ text-align: left;line-height: 24px;font-size: 14px; color: #2d2d2d;}
.music-intro a{color:#2d2d2d;}
.music-intro .intro-link{float: right;margin-left: 15px;font-size: 14px;line-height: 24px;margin-top: 42px;}
/*.music-intro a.intro-hover{text-decoration: underline;color:#503a92;}*/
.music-intro a:hover{text-decoration: underline;color:#BF36CF;}



.music-list{background:#FFF3F9 url(../images/starlive06-new/music-list-bg.png) no-repeat top; padding: 50px 65px;overflow: auto;zoom: 1; position: relative;}
.music-list .list-left{float: left;}
.music-list .list-right{float: right;}
.music-list li{font-size: 14px; line-height: 36px;}
.music-list li a, .music-list li span{display: inline-block; vertical-align: middle;}
.music-list li .song-name{color:#535252;width: 238px;overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.music-list li .song-name:hover{color:#BF36CF;;}
.music-list li .item-down{margin:0 16px;}
.music-list li .item-try, .music-list li .item-down, .music-list li .item-share{background: url(../images/starlive06-new/music-bg.png) no-repeat;width: 20px; height: 20px;}
.music-list li .item-try{background-position: 1px 1px ;}
.music-list li .item-try:hover{background-position: 0 -28px ;}
.music-list li .item-down{background-position: -57px 1px;}
.music-list li .item-down:hover{background-position: -58px -28px;}
.music-list li .item-share{background-position: -86px 1px;}
.music-list li .item-share:hover{background-position: -87px -28px;}
.music-list div.line{ position: absolute; top: 54px; left: 480px; display: block; width: 1px; height: 206px; background: url(../images/starlive08/line.jpg) no-repeat 0 0; }

.recommend-list{background: #FFF3F9;overflow: auto; zoom: 1; padding: 40px 0 10px;}
.recommend-list li {float: left;display: block; width: 320px;margin-bottom: 10px;*display: inline;}
.recommend-list .img-item-container{ display: block; width: 250px;height: 115px; margin: 0 auto; padding:6px; box-shadow: 0 0 20px #e6e6e6;}
.recommend-list .img-item-container img{display: block;background: #d6daeb;width: 250px;height: 115px;}
.recommend-list .word-item-tip{color: #353434; font-size: 14px;text-align: center; line-height: 50px;}
.recommend-list .word-item-tip a{color: #353434;}
.recommend-list .word-item-tip a:hover{color: #BF36CF;}

#vv_comment{padding:50px;width: 860px; background: #FFF3F9;}
#vv_comment .talk_box{background: #fff;}

.footer p,.footer a {color: #454648;}
.footer a:hover {color: #BF36CF;}


/*歌曲列表-下载*/
.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(//www.51vv.com/images_1405/share_float_div.png) no-repeat; z-index:100; display:none;}
.com-share-box .cnt { width: 150px; height: 24px; margin: 18px auto 0;}

/*右侧分享*/
*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)));}

.shareTop{ width: 40px; position: fixed; right: 0; bottom: 150px; z-index: 500; }
.shareTop{ _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))); }
.shareTop .top,
.shareTop .bdshare_b a.img,
.shareTop .tecentWeibo a{ background: url(../images/starlive08/sider-button.jpg) no-repeat center; }
.shareTop a.top{ display: block; background-position: 0 0; width: 40px; height: 43px; }
.shareTop a.top:hover{ background-position: -44px 0; }
.shareTop .bdshare_b a.img{ display: block; background-position: 0 -46px; width: 40px; height: 60px; margin-top: 10px;}
.shareTop .bdshare_b a.img:hover{ background-position: -44px -46px; }
.shareTop .tecentWeibo a{ display: block; background-position: 0 -110px; width: 40px; height: 164px; margin-top: 10px; }
.shareTop .tecentWeibo a:hover{ background-position: -44px -110px; }