﻿/*common css*/
body { background: url("../images/hongmantian/bg.jpg") repeat; font-size:12px;}
.wrap { clear: both; margin: 0 auto; width: 960px; }
.wrapControl{margin-top: -250px;}
a { text-decoration: none; color: #515151;}
a:hover { text-decoration: underline; }
/*css spirites*/
.headerR a,.starTitle h2 span,.worksTitle h2 span,.musicRow ul li.listen a,.commentTitle h2 span,.relatedTitle h2 span
{ background: url("../images/hongmantian/hongmantian_spirites.png") no-repeat; }
/*header css*/
.headWrap{background: url("../images/hongmantian/headBg.jpg") repeat-x;width: 100%;height: 440px;}
.header {  margin-bottom: 10px; position: relative; top:20px;padding: 15px 10px;border: 1px solid #E2E2E2;background: #ffffff;}
.headerTop{display: inline-block;}
.headerL h1 { float: left; font-size: 32px;}
.headerL h1 a{ color: #589D00;font-family:"微软雅黑"; font-weight: normal;}
.headerL h1 a:hover{ text-decoration: none;}
.headerL .renzheng { position: absolute; top: 26px; left: 210px; }
.headerR { position: absolute; top: 20px; right: 15px; }
.headerR a{background-position: 0 0;width: 146px;height: 32px;display: inline-block;font-family: "微软雅黑";text-align: center;line-height: 28px;color: #ffffff;font-size: 14px;}
.headerCon p{line-height: 25px;text-indent: 2em;color: #999999;padding: 10px 0;}
/*main common css*/
.main { border: 1px solid #E2E2E2; padding: 10px 15px; background: #ffffff; *width:930px;}
.section1,.section2,.section3{ position: relative;margin-bottom: 15px;display: inline-block;width: 930px;}
.section1 .starTitle,.section2 .worksTitle,.comment .commentTitle,.related .relatedTitle {height: 30px;border-bottom: 1px #93C626 solid;width: 100%;margin-bottom: 20px;}
.starTitle h2,.worksTitle h2,.commentTitle h2,.relatedTitle h2{ background: #ffffff;height: 30px; font-size: 22px; color: #93C626; font-family: "微软雅黑"; font-weight: normal;line-height:30px;float: left;width: 120px;position: relative;top: 4px;margin-right: 30px;}
.starTitle h2 span,.worksTitle h2 span,.relatedTitle h2 span{background-position:0 -70px;display: inline-block;width: 25px;height: 15px;position: absolute;top:12px;right: 0;float: right;}
.more{float: right;height: 30px;line-height: 30px;}
.more a{color: #93C626;}
/*section1 css*/
.starTitle ul li{float: left;line-height: 25px;margin: 5px 10px 0;}
.starTitle ul li.current{color: #F49C00;line-height: 25px;}
.starTitle ul li a{font-family: "微软雅黑";color: #93C626;font-size: 16px;padding: 0 15px;display: inline-block;}
.starTitle ul li.current a{background:url("../images/hongmantian/tip.png") no-repeat bottom center;color: #F49C00;border-bottom: 2px #F49C00 solid;}
.starTitle ul li a:hover{background:url("../images/hongmantian/tip.png") no-repeat bottom center;color: #F49C00;border-bottom: 2px #F49C00 solid;text-decoration: none;}
.starCon{margin-left: -20px;float: left;display: none;}
.starCon1{margin-left: -30px;}
.starCon.current{display: block;}
.starCon dl { float: left; margin:0 0 10px 25px; }
.starCon dl dt a { padding: 1px; border: 1px solid #dddddd; width: 160px; height: 160px; display: block; }
.starCon dl dt a:hover { padding: 0; border: 2px #629900 solid; }
.starCon dd { line-height: 25px; text-align: center;}
.starCon dd a{ color: #666666; }
.starCon dd a:hover{ color: #0F820C; font-weight: bold;text-decoration: none; }
.starCon1 dl { margin:0 0 10px 35px; }
.starCon1 dl dt a { width: 120px; height: 120px; }
/*section2 css*/
.worksCon img{float: left;}
.musiclistLeft,.musiclistRight,.musiclistMiddle { width: 300px; float: left; }
.musiclistRight,.musiclistMiddle{margin-left: 10px;}
.musicRow { width: 300px; height: 25px; }
.musicRow ul li { float: left; height: 25px; text-align: left; line-height: 25px; }
.musicRow ul li a{ color: #0F820C; }
.musicRow ul li.musicName { width: 150px; }
.musicRow ul li.author a { width: 120px;color: #515151;}
.musicRow ul li.author a:hover { color: #0F820C;text-decoration: none;}
.musicRow ul li.listen { width: 20px; float: right; margin-right: 7px; }
.musicRow ul li.listen a { display: block; position: relative; top: 7px; width: 19px; height: 18px;}
.musicRow ul li.listen a { background-position: 0 -42px;}
.musicRow ul li.listen a:hover { background-position: -25px -42px;margin-left: -2px;margin-top: -3px;}
.musicRow ul li.listen a.mv { background-position: -54px -42px;}
.musicRow ul li.listen a.mv:hover { background-position: -79px -42px;margin: 0;}
/*comment css*/
.comment{width: 660px;}
.commentTitle h2 span{background-position:0 -70px;display: inline-block;width: 25px;height: 15px;position: absolute;top:12px;right: 0;float: right;}
.commentContent{margin-top: 20px;}
.related{float: right;width: 260px;}
.comment{width: 660px;}
.relatedContent dl{margin-top: 20px;}
.relatedContent dl dt a{display: inline-block;border: 1px solid #E2E2E2;width: 250px;height: 115px;padding: 1px;}
.relatedContent dl dt a:hover{border: 2px #629900 solid;padding: 0;}
.relatedContent dl dd{height: 30px;line-height: 30px;text-align: center;}
.relatedContent dl dd a{color:#515151;}
.relatedContent dl dd a:hover{color:#0F820C;}
/*plugin*/
#vv_comment .talk_frame .talk_box,.commentContent{ min-height: 650px;}

