﻿/* CSS Document by LPH 2014/11/14 */
body { font-family: "Microsoft YaHei"; background:#fee0e7;}
.wrapper { width:960px; margin:0 auto;} 
.mt16 { margin-top:16px;}

/* head */
.head { width:100%; height:470px; background:url(../images/starlive03/headerBg.jpg) no-repeat center; overflow:hidden; position:relative;}
.head .msgs { margin-top:400px;} 
.head .msgs p { font-size:18px; line-height:35px; color:#ff0060;}
 .head .msgs p a { font-size:18px; line-height:35px; color:#ff0060; font-weight:bold;}
.head .msgs p a:hover { text-decoration:underline;}
.nav { width:100%; height:45px; line-height:45px; background:#d44781;}
.nav ul {}
.nav ul li { float:left; margin-right:28px;}
.nav ul li a { font-size:16px; color:#fff;}
.nav ul li a:hover { font-size:16px; color:#fff; border-bottom:1px solid #fee0e7; padding-bottom:2px;}
.nav a.hudong { float:right; padding:0 10px; color:#fff; height:31px; line-height:31px; margin:7px 0;}
.nav a.hudong:hover { color:#fff; font-weight:bold;}
.nav a.nav_active { color:#fff; font-weight:bold;}

/* main */
/* 文字 */
.main .infor { width:100%; padding:10px 0 20px; background:#fff; overflow:hidden;}
.yangzi { font-size:30px; color:#ff0060; margin-left:30px; height:50px; line-height:50px;}
.text { width:900px; padding:0 30px; }
.text p { font-size:14px; color:#353434; line-height:30px; text-indent:20px;}
.text p a { color:#ff0060; }
.text p a:hover { color:#ff0060; text-decoration:underline;}

/* 图片 */
.imgListBox { margin-top:25px;}
.imgListBox .img-pro { float:left; margin:40px 15px 0; width:30px; height:145px; background:url(../images/starlive03/preBtn.png) no-repeat center;}
.imgListBox .img-pro:hover { background:#ffccdf url(../images/starlive03/preBtn.png) no-repeat center;}
.imgListBox .img-next { float:right; margin:40px 15px 0;  width:30px; height:145px; background:url(../images/starlive03/nextBtn.png) no-repeat center;}
.imgListBox .img-next:hover { background:#ffccdf url(../images/starlive03/nextBtn.png) no-repeat center;}
.imgListBox .imgList { overflow:hidden; width:840px; float:left; height:235px;}
.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:100%; height:100%;}
.imgListBox .imgList ul li a { border:1px solid #e1e0e0; display:block; margin:0px 5px; padding:2px; width:153px; height:229px; border-radius:3px; box-shadow:0 0 3 #e1e0e0;}
.imgListBox .imgList ul li a:hover { border:3px solid #d44781; padding:0;}

/*展会现场*/
.video, .works, .inVV, .liuyan { background:#fff; margin-top:20px;}
.topBox { width:1000px; background:#d44781; height:45px; line-height:45px; margin-left:-20px; position:relative;}
.topBox p { text-indent:30px; font-size:24px; color:#fff;}
.topBox .pase { position:absolute;}
.topBox .p_left { bottom:-20px; background:url(../images/starlive03/titleLeftBg.png) no-repeat center; width:20px; height:20px; left:0;}
.topBox .p_right { bottom:-20px; background:url(../images/starlive03/titleRightBg.png) no-repeat center; width:20px; height:20px; right:0;}
/*player*/
.video .content{ padding: 10px; }
.video .videoplayer{ position: relative; margin: 0 20px; 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: 212px; height: 386px; right: 0; top: 0; margin-top: 40px; padding-left: 40px; /*background-color:yellow*/}
.scrollArea { width: 212px; height: 386px; overflow: auto; position: relative; /*background-color:#fff*/}
.thumbList li{ margin-bottom: 10px; width: 176px; height: 132px; cursor: pointer; position: relative; }
.playLists{ border: 2px solid #ffffff; }
.playLists:hover{ border: 2px solid #d44781;}
.current{ border:2px solid #d44781;}
.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: 100%; height: 22px; z-index: -1; background: #000000; opacity: 0.5; filter: alpha(opacity=50); }

/*pic*/
.video div.pic{ position: relative; width: 940px; }
.video #pcontent{ width: 840px; overflow: hidden; margin: 20px 50px 0; }
.video div.pic ul.pic{ display: block; width: 5000px; }
.video div.pic ul.pic li{ display: block; float: left; padding: 10px 8px 0; }
.video div.pic ul.pic li div{ display: block; width: 194px; height: 166px; }
.video div.pic ul.pic li a.headlink{ display: block; box-shadow: 0px 0px 2px #000000; margin-bottom: 4px; padding:2px;}
.video div.pic ul.pic li a.headlink:hover { padding:0; border:2px solid #d44781;}
.video div.pic ul.pic li a.headlink img{ display: block; width: 190px; height: 126px; }
.video div.pic ul.pic li a.content{ display: block; height: 16px; width: 60%; margin: 0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }
.video div.pic ul.pic li a.content{ line-height: 16px; vertical-align: middle; font-size: 12px; color: #333; }
.video div.pic ul.pic li a:hover{ color: #01a075; }
a.moveBtn1{ position: absolute; display: block; width:30px; height: 145px; top: 85px; cursor: pointer; z-index: 1; }
a.prev1 { left: 10px; background:url(../images/starlive03/preBtn.png) no-repeat center; }
a.prev1:hover{ background:#ffccdf url(../images/starlive03/preBtn.png) no-repeat center; }
a.next1{ right: 10px;  background:url(../images/starlive03/nextBtn.png) no-repeat center; }
a.next1:hover{ background:#ffccdf url(../images/starlive03/nextBtn.png) no-repeat center; }

/* 作品 */
.textMore { width:930px; padding-right:30px; height:40px; line-height:40px;}
.textMore a { font-size:14px; color:#ff0060; padding-left:10px; float:right;}
.textMore a:hover { color:#ff0060; text-decoration:underline; }
.jiange { width:100%; height:5px; background:url(../images/starlive03/jiange_03.png) no-repeat center;}
.workList { width:100%; margin:20px 0;}
.musicList { width:100%; overflow:hidden;}
.musicList li { width:430px; float:left; overflow:hidden; padding-left:50px; line-height:35px;}
.musicList li a {float:left; font-size:16px; color:#333; cursor:pointer;}
.musicList li a.musicNum { width:25px;}
.musicList li a.musicName { width:250px;  overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.musicList li a.musicName:hover { color:#ff0060;}
.musicList li a.musicIcom { width:20px; height:20px; background:url(../images/starlive/listsongSprites.png) no-repeat; margin:0 5px; margin-top:8px;}
.musicList li a.listen { background-position:0 -66px;}
.musicList li a.listen:hover { background-position:0 -95px;}
.musicList li a.down { background-position:-59px -66px;}
.musicList li a.down:hover { background-position:-59px -95px;}
.musicList li a.share { background-position:-88px -66px;}
.musicList li a.share:hover { background-position:-88px -95px;}

/* 在VV */
.inVVList { padding:30px;}
.inVVList ul { overflow:hidden; width:960px;}
.inVVList ul li { float:left; margin-right:32px; overflow:hidden;}
.inVVList ul li a.inVVItem { padding:6px; margin:8px; display:block; background:#fff; box-shadow:0 0 8px #9c9596; width:250px; height:115px; border-radius:3px;}
.inVVList ul li a.inVVItem:hover { background:#ededed;}
.inVVList ul li a.inVVItem img { width:100%; height:100%;}
.inVVList ul li h3 { height:58px; line-height:50px; text-align:center;}
.inVVList ul li h3 a { font-size:14px; color:#333;}
.inVVList ul li h3 a:hover { color:#ff0060;}

/* 分享 */
*html{background-image:url(about:blank);background-attachment:fixed;}
.shareTop { width: 40px; position: fixed; right: 0; bottom:170px; _position:absolute; _bottom:auto; _margin-bottom:170px;
    _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/starlive03/shareBg.png) no-repeat center; width: 110px;height: 318px;}
.shareTop a.top{ display:block; background-position: 0 0; width:40px; height: 45px; margin-bottom: 10px;}
.shareTop a.top:hover{background-position: -44px 0;}
.shareTop .bdshare_b a.img{ background-position: 0 -46px; display:block; width: 40px ;height: 62px;}
.shareTop .bdshare_b a.img:hover{background-position: -44px -46px;}
.shareTop .tecentWeibo a{background-position: 0 -110px; display:block; width: 40px;height: 166px;margin-top: 10px;}
.shareTop .tecentWeibo a:hover{background-position: -44px -110px;} 

#footer_link_info a{color:#333}
#footer_link_info a:hover{color:#333}
#footer_link_info p{color:#333}

/*Bubble by zhengshun 5.7*/
.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 by zhengshun 5.22*/
.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(../../images_1405/close.png) no-repeat; background-position: -37px 0; cursor: pointer;}
/*shareBox by zhengshun 5.22*/
.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;}