/* CSS Document by LPH 20150116 */

body { font-family: "Microsoft YaHei"; background:#ffcbee;}
.wrapper { width:980px; margin:0 auto; position: relative;}

/* header */
#header { width:100%; height:470px; background:url(../images/xgfbCyj/header.jpg) no-repeat center; overflow:hidden; position:relative;}
#headerCont { margin-top: 390px;} 
#headerCont p, 
#headerCont p a { font-size:18px; line-height:30px; color:#fff;}
#headerCont p a:hover { text-decoration: underline;}

/* navigation */
#nav { width:100%; height:45px; line-height:45px; background: #cf2298;}
#nav-list { overflow: hidden; width: 100%; height: 45px;}
#nav-list li { float:left; margin-right:28px;}
#nav-list li a { font-size:16px; color:#fff;}
#nav-list li a:hover,
#hudong:hover { border-bottom:1px solid #fff; padding-bottom:1px;}
#hudong { display: block; height: 34px; color:#fff; position: absolute; right: 0; top: 0;}

/* main */
#main { width: 100%;}
#summary { width: 94%; height: auto; padding: 15px 3%; position: relative;}
#summary p { font-size: 14px; color: #5e0062; line-height: 28px; text-indent: 30px; position: relative; z-index: 20;}
#summary p a, .content p a { font-size: 14px; color: #cf2298;}
#summary p a:hover, .content p a:hover { text-decoration: underline;}
#summary .wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; z-index: 10;}

/* title */
.title { width: 104.4%; margin-left: -2.2%; height: 48px; line-height: 48px; background: #cf2298; position: relative;}
.title h1 { font-size: 24px; color: #fff; text-indent: 22px;}
.title-icon { width: 22px; height: 21px; background: url('../images/xgfbCyj/title-icon.png') no-repeat; position: absolute; top: 48px;}
.title-icon-left { background-position: 0 0; left: 0; }
.title-icon-right { background-position: -22px 0; right: 0;}

/* video */

/* 视频播放（三连麦视频） */
.vp_title { height:80px; line-height:90px; font-size:32px; color:#ffeec0; font-family:"宋体-PUA"; text-align:center; font-style:oblique;}
.wrapBox { height:517px;}	/* 设置视频窗口的背景颜色的窗口高度 */
.wys-tabContain { width:100%;}
.wys-tabContain .wys-video .pl_tit{ width:100%; height:40px; line-height:30px; }	/* 设置视频标题的高度的宽度,背景和样式 */
.wys-tabContain .wys-video .pl_tit h2{ font-family: "微软雅黑";  font-size:20px; color:#ffeec0; text-indent:15px;}	/* 设置标题内容样式，字体大小，颜色，样式等 */
.wys-tabContain .wys-video .player { width:100%; height:317px; background-color:#000;}	/* 设置播放窗口的宽度和高度、背景颜色 */
.wys-scrollArea { position:relative; height:200px; width:100%; left:0;}		/* 设置播放列表的外框大小，高度，位置 */
.wys-scrollArea .wys-scrollImg { position:relative; left:70px; top:20px; width:860px; height:183px; overflow:hidden;}	/* 播放列表相对父级div的位置，大小 */
.wys-scrollArea .wys-scrollImg ul { display:inline-block; width:8000px; }
.wys-scrollArea .wys-scrollImg li { width:200px; height:173px; float:left; display:inline; position:relative; overflow:hidden; margin-right:15px;}
.wys-scrollArea .wys-scrollImg li.fr_tabItem{ margin-left:0;}
.wys-scrollArea .wys-scrollImg li:first-child{ margin-left:0;}
.wys-scrollArea .wys-scrollImg li a.wys-imgLink {cursor:pointer; display:block; width:196px; height:146px; padding: 2px; background: #f6daed;}	/* 设置列表图片包裹的a标签的大小，这里要比图片大4个像素，用来显示当前当前播放项的背景颜色不同 */
.wys-scrollArea .wys-scrollImg li a img{ width:100%; height:100%;}	/* 设置列表图片的大小 */
.wys-scrollArea .wys-scrollImg li p{ width:100%; overflow:hidden ;white-space:nowrap; text-overflow:ellipsis; text-align:center}
.wys-scrollArea .wys-scrollImg li p a{ cursor:pointer; display:block; margin-top:4px; width:100%; font-family: "微软雅黑"; font-size:12px; color:#444343; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.wys-scrollArea .wys-scrollImg li p a:hover{ color:#ffeec0}
.wys-scrollArea .wys-scrollImg li.current{ font-weight:bold;}
.wys-scrollArea .wys-scrollImg li.current a{ font-weight:bold;color:#d447a7}
.wys-scrollArea .wys-scrollImg li.current a.wys-imgLink{ background-color:#d447a7}
.wys-scrollArea a.moveBtn{ position:absolute; display:block;  width:30px; height:146px; top:20px;  cursor:pointer; z-index:1;}	/* 设置上下页按钮的样式 */
.wys-scrollArea a.prev {left:20px; background:url('../images/xgfbCyj/cont-btn-left.png') center no-repeat;}
.wys-scrollArea a.next{right:20px; background:url('../images/xgfbCyj/cont-btn-right.png') center no-repeat;}
.wys-scrollArea a.prev:hover { background:#f6daed url('../images/xgfbCyj/cont-btn-left-h.png') center no-repeat;}
.wys-scrollArea a.next:hover{ background:#f6daed url('../images/xgfbCyj/cont-btn-right-h.png') center no-repeat;}

/* imgage list */
.container { width: 100%; margin-top: 20px; padding-bottom: 1px; background: #fff;}
#img-cont { width: 100%; height: 228px; position: relative; margin-top: 30px;}
#img-list-container { width: 835px; height: 228px; margin-left: 70px; overflow: hidden;}
#img-list { width: 2000%; height: 100%; overflow: hidden;}
#img-list li { float: left; margin-left: 15px;}
#img-list li a { display: block; width: 147px; height: 224px; border: 2px solid #f6daed;}
#img-list li a:hover { border: 2px solid #d447a7;}
#img-list li a img { width: 100%; height: 100%;}
#img-cont a.img-control { display: block; width: 30px; height: 140px; position: absolute; top: 40px;}
#img-cont a.img-control-left { left: 30px; background: url('../images/xgfbCyj/cont-btn-left.png') center no-repeat; }
#img-cont a.img-control-right { right: 30px; background: url('../images/xgfbCyj/cont-btn-right.png') center no-repeat; }
#img-cont a.img-control-left:hover { background:#f6daed url('../images/xgfbCyj/cont-btn-left-h.png') center no-repeat; }
#img-cont a.img-control-right:hover { background:#f6daed url('../images/xgfbCyj/cont-btn-right-h.png') center no-repeat; }

/* music content */
.content { width: 920px; height: auto; margin: 30px 0 30px 30px; overflow: hidden;}
.content-img { width: 255px; height: 314px; border: 1px solid #f6daed; float: left; margin: 0 30px 0 0;}
#cyj-img { width: 255px; height: 314px; }
#wyx-img { width: 255px; height: 321px; }
.content-img img { width: 100%; height: 100%;}
.content h2.sub-title { font-size: 30px; color: #d447a7;}
.content p { font-size: 12px; color: #353434; line-height: 26px; text-indent: 25px;}
.music-list li { width:310px; float:left; overflow:hidden; line-height:35px;}
.music-list li a,
.music-list li span {float:left; font-size:14px; color:#535252; cursor:pointer;}
.music-list li span.music-no { width:25px;}
.music-list li a.music-name { width:150px;  overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.music-list li a.music-name:hover { color:#d447a7;}
.music-list li a.music-icon { width:20px; height:20px; background:url(../images/starlive/listsongSprites.png) no-repeat; margin:0 5px; margin-top:8px;}
.music-list li a.listen { background-position:0 -66px;}
.music-list li a.listen:hover { background-position:0 -95px;}
.music-list li a.down { background-position:-59px -66px;}
.music-list li a.down:hover { background-position:-59px -95px;}
.music-list li a.share { background-position:-88px -66px;}
.music-list li a.share:hover { background-position:-88px -95px;}
#more-msg { overflow: hidden;}
#more-msg a { float: right; font-size: 14px; color: #d447a7; margin-right: 20px;}
#more-msg a:hover { text-decoration: underline;}
.separator { width: 100%; height: 2px; background: url('../images/xgfbCyj/separator.jpg') center no-repeat;}

/* 在VV */
.inVVList { padding:30px;}
.inVVList ul { overflow:hidden; width:960px;}
.inVVList ul li { float:left; margin-right:32px;}
.inVVList ul li a.inVVItem { padding:6px; margin:8px; display:block; width: 250px; height: 115px; background:#fff; box-shadow:0 0 8px #9c9596;}
.inVVList ul li a.inVVItem img { width: 100%; height: 100%;}
.inVVList ul li a.inVVItem:hover { background:#ededed ;}
.inVVList ul li h3 { height:50px; line-height:40px; text-align:center;}
.inVVList ul li h3 a { font-size:14px; color:#353434;}
.inVVList ul li h3 a:hover { color:#d447a7;}

 /*返回顶部*/
*html{background-image:url(about:blank);background-attachment:fixed;}
.shareTop { width: 40px; position: fixed; 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 .top, .shareTop .bdshare_b a.img, .shareTop .tecentWeibo a { background:url(../images/xgfbCyj/share-bg.png) no-repeat center; width: 110px;height: 318px;}
.shareTop a.top{ display:inline-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: inline-block;width: 40px ;height: 62px;}
.shareTop .bdshare_b .img:hover{background-position: -44px -46px;}
.shareTop .tecentWeibo a{background-position: 0 -110px;display: inline-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;}