@charset "utf-8";
/* CSS Document */
body { font-family: "Microsoft YaHei"; _background:#f9f3f2;}

.heaerPic { background:#f9f3f2 url(../images/wudaomatch/headerPic.jpg) no-repeat center; height:389px; overflow:hidden;}
.heaerPic .message { width:730px; margin:0 auto; margin-top:304px;}
.heaerPic .message p { color:#ffffff; font-size:18px; line-height:30px;}
.heaerPic .message p a { text-decoration:underline; color:#ffffff;}
.heaerPic .message p a:hover { color:#ff8900;}

.main { margin:0 auto; background:url(../images/wudaomatch/mainBg.jpg) repeat; overflow:hidden;}
.main .details { padding:0 17px; background:#ffffff;}
.main .section { width:980px; margin:0 auto; margin-top:13px;}
.main .sectionTip { background:url(../images/wudaomatch/sectionBg.jpg) no-repeat center; height:50px; padding-left:88px;  font-size:24px; line-height:50px; color:#ffffff;}

.main .introduce { border:1px dashed #db2a6f; border-width:1px 0;}
.main .introduce p { padding:16px 38px; font-size:14px; line-height:24px; color:#ffffff; background:#b04171; border:1px dashed #db2a6f; border-width:0 1px;}

/*视频*/
div.flashPlayer{ position: relative; height: 574px;font-size: 12px; line-height: 22px; overflow:hidden;}
div.flashPlayer p.title{ width: 980px; height: 50px; font-size: 24px; line-height: 50px; background: url(../images/wudaomatch/sectionBg.jpg) no-repeat 0 0; padding-left:88px; color:#ffffff;}
div.flashPlayer div.playerBox{ height: 376px; width: 960px; padding: 10px 10px 0; background-color: #ffffff; }
div.flashPlayer div.playerBox div.title{ height: 40px; width: 960px; background-color: #000000; position: relative; }
div.flashPlayer div.playerBox div.title p{ color: #F2F2F2; font-size: 18px; height: 40px; line-height: 40px; text-indent: 20px; }
div.flashPlayer div.playerBox div.title span{ position: absolute; top: 0; right: 10px; color: #ffffff; display: block; font-size: 18px; height: 40px; line-height: 40px; }
div.flashPlayer div.playerBox div.player{ height: 336px; width: 100%; background-color: #000000;}

/*player-list*/
div.flashPlayer div.thumbList{ width: 100%; height: 138px; background-color: #ffffff; position: relative; }
div.flashPlayer div.thumbList div.scrollArea{ width: 864px; height: 138px; margin-left: 58px; overflow: hidden; }
div.flashPlayer div.thumbList div.scrollArea ul{ width: 99999px; height: 138px; }
div.flashPlayer div.thumbList div.scrollArea ul li{ float: left; width: 272px; height: 106px; cursor: pointer; margin: 18px 8px 14px 8px; }
div.flashPlayer div.thumbList div.scrollArea ul li img{ display: block; width: 268px; height: 80px; border: 2px solid #EDEDED; }
div.flashPlayer div.thumbList div.scrollArea ul li:hover img{ border: 2px solid #A40000; }
div.flashPlayer div.thumbList div.scrollArea ul li p{ display: block; width: 100%; height: 22px; line-height: 22px; text-align: center; z-index: 10; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
div.flashPlayer div.thumbList div.scrollArea ul li p a{ color: #666666; font-size: 14px; }
div.flashPlayer div.thumbList div.scrollArea ul li p a:hover{ color: #A40000; }
div.flashPlayer div.thumbList div.scrollArea ul li.current img{ border: 2px solid #A40000; }
div.flashPlayer div.thumbList div.scrollArea ul li.current p a{ color: #A40000; }
div.flashPlayer div.thumbList a.playBtn{ position: absolute; display: block; width: 52px; height: 52px; top: 43px; cursor: pointer; z-index: 1; background:url(../images/wudaomatch/btn.jpg) no-repeat; }
div.flashPlayer div.thumbList a.playPrev{ left: 10px; background-position: 0 0; }
div.flashPlayer div.thumbList a.playNext{ right: 10px; background-position: -52px 0; }
div.flashPlayer div.thumbList a.playPrev:hover{ background-position: 0 -52px; }
div.flashPlayer div.thumbList a.playNext:hover{ background-position: -52px -52px; }
/*视频 end*/


.main .program { }
.main .program .title { font-size:18px; line-height:50px;}
.main .program .details { padding-bottom:15px;}
.main .program a { color:#8e0019;}
.main .program a:hover { text-decoration:underline; color:#8e0019;}
.main .program .red { color:#8e0019;}
.main .program ul { font-size:14px;}
.main .program ul li { line-height:24px;}
.main .program ul .num { display:block; float:left;}
.main .program ul .songname { display:block; float:left; width:212px; overflow:hidden; word-break:keep-all; white-space:nowrap;}

div.producer{ margin-top: 13px; position: relative; z-index: 1; overflow: hidden; background-color: #ffffff; }
div.producer p.title{ height: 50px; font-size: 24px; line-height: 50px; color: #fff; padding-left:88px; background: url(../images/wudaomatch/sectionBg.jpg) no-repeat; }
div.producer p.title span { *display:inline-block;}
div.producer p.title a.more{ font-size: 16px; line-height: 50px; text-indent: 0; vertical-align: top; color: #fff; display: inline-block; margin-right: 30px;}
div.producer p.title a.more:hover{ color: #eac900; }
div.producer p.title a.left{ margin-left: 80px; }
div.producer div.picBox{ width: 894px; overflow: hidden; margin: 30px 0 40px 43px; position: relative; }
div.producer div.picBox ul.pic{ display: block; width: 99999px; }
div.producer div.picBox ul.pic li{ display: block; float: left; padding: 0 8px; }
div.producer div.picBox ul.pic li a.headlink{ display: block; background-color: #DFDFDF; padding: 4px; position: relative; }
div.producer div.picBox ul.pic li a.headlink:hover{ background-color: #A40000; }
div.producer div.picBox ul.pic li a.headlink img{ display: block; width: 125px; height: 173px; }
div.producer div.picBox ul.pic li a.headlink p.intro{ display: block; position: absolute; left: 4px; bottom: 4px; width: 125px; height: 38px; font-size: 14px; line-height: 16px; text-align: center; color: #ffffff; z-index: 10; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
div.producer div.picBox ul.pic li a.headlink p.intro:hover{ text-decoration: underline; }
div.producer div.picBox ul.pic li a.headlink p.layer{ display: block; position: absolute; left: 4px; bottom: 4px; width: 125px; height: 38px; z-index: 1; background-color: #000000; opacity: 0.5; filter: alpha(opacity=50); }
div.producer a.scrollBtn{ display: none; _display: block; position: absolute; width: 21px; height: 35px; top: 150px; cursor: pointer; z-index: 1;  overflow: hidden; }
div.producer a.prev{ left: 43px; background: url(../images/wudaomatch/btnl.png) no-repeat center;}
div.producer a.next{ right: 43px; background: url(../images/wudaomatch/btnr.png) no-repeat center;}
div.producer:hover a{ display: block; }


.main .activity { }
.main .activity .details { padding:0; *overflow:hidden;}
.main .activity .more { font-size:16px; line-height:50px; color: #ffffff; margin-left:740px;}
.main .activity .more .caret { margin-left:6px; display:inline-block; width:0; height:0; border-left:6px solid #fff; border-top:6px solid transparent; border-bottom:6px solid transparent; overflow:hidden; _border-top: 6px dashed; _border-bottom: 6px dashed;}
.main .activity .more:hover { color:#eac900;}
.main .activity .more:hover .caret { border-left:6px solid #eac900; border-top:6px solid transparent; border-bottom:6px solid transparent; overflow:hidden; _border-top: 6px dashed; _border-bottom: 6px dashed;}
.main .activity dl { float:left; margin:25px 38px; _display:inline;}
.main .activity dl a { }
.main .activity dl a:hover { zoom:1;}
.main .activity dl img { width:250px; height:115px; background:#f8f2f0; box-sizing:border-box; border: 2px solid #DFDFDF; *width:246px; *height:111px;}
.main .activity dl a:hover img { border:2px solid #bd394d;}
.main .activity dl dd { text-align:center;}
.main .activity dl dd a { font-size:14px; line-height:50px; color:#313131;}
.main .activity dl dd a:hover { color:#bd394d;}

.main .comment { background:#fff;}
#vv_comment { padding:10px;}


#footer_link_info p{ font-family: Arial; }
#footer_link_info a{ color: #000000; }
#footer_link_info a:hover{ color: #A40000; }

/*右侧分享*/
*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/wudaomatch/siderShare.png) no-repeat -2px -2px; width:40px; height:40px;}
.rightSider .toTop:hover { background:url(../images/wudaomatch/siderShare.png) no-repeat -73px -2px;}
.rightSider a.baiduShare { display:block; background:url(../images/wudaomatch/siderShare.png) no-repeat -2px -52px; width:40px; height:80px; _width:23px;}
.rightSider a.baiduShare:hover { background:url(../images/wudaomatch/siderShare.png) no-repeat -73px -52px;}
.rightSider .weibo { display:block; background:url(../images/wudaomatch/siderShare.png) no-repeat -2px -142px; width:40px; height:178px;}
.rightSider .weibo:hover { background:url(../images/wudaomatch/siderShare.png) no-repeat -73px -142px;}