.nr_cont { background: #666666; padding-bottom: 40px; border-radius: 4px; } .nr_cont .nr_top { padding: 12px 0 15px; margin: 0 20px; overflow: hidden; border-bottom: 1px solid #949494; } .nr_cont .nr_top .fl h5 { font-size: 20px; padding: 3px 0; font-family: 'Microsoft YaHei',"微软雅黑"; } .nr_cont .nr_top .fl div { padding: 3px 0; color: #b3b3b3; font-size: 12px; } .nr_cont .nr_top .fl div a { color: #b3b3b3; margin: 0 3px; } .nr_cont .nr_top .fl div a:hover { color: #4de600; } .nr_cont .nr_top .fl div .line { color: #808080; margin: 0 18px; } .nr_cont .nr_top div.fr { margin-top: 8px; } .nr_cont .nr_top .arcVote { color: #cccccc; padding: 5px 0 3px; line-height: 18px; display: block; text-align: right; } .nr_cont .nr_top .arcVote img { vertical-align: middle; margin-bottom: 3px; margin-left: 15px; } .nr_cont .nr_top .arcVote span { margin: 0 3px; } .nr_cont .nr_top .date { font-size: 12px; color: #b2b2b2; } .nr_cont .nr_top .tx { margin-left: 20px; } .nr_cont .nr_cont { padding-top: 40px; } .nr_cont .nr_cont h3 { text-align: center; margin-bottom: 20px; } .nr_cont .nr_cont p { line-height: 25px; overflow: hidden; } .nr_cont .nr_cont p img { max-width: 100%; display: block; margin: 8px auto; } .nr_cont .download_area { width: 468px; padding: 20px 0; border: 1px solid #999999; margin: 0 auto; } .nr_cont .download_area p { line-height: 24px; text-align: center; padding: 10px 0; } .nr_cont .download_area img { vertical-align: middle; margin-right: 10px; } .nr_cont .download_area .download_btn { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 67px; height: 24px; text-align: center; line-height: 24px; font-size: 12px; color: #fff; border-radius: 2px; background: #40bf00; margin: 0 10px; } .nr_cont .download_area .download_btn:hover { opacity: 0.8; filter:alpha(opacity=80); } .nr_cont .praise_area { display: block; text-align: center; width: 110px; height: 85px; color: #e5e5e5; font-size: 16px; margin: 50px auto; background: #404040; border-radius: 30px; overflow: hidden; } .nr_cont .praise_area:hover { color: #55ff00; } .nr_cont .praise_area.active { color: #55ff00; } .nr_cont .praise_area img { display: block; margin: 15px auto 5px; } .pageLists { margin: 40px 0; text-align: center; height: 38px; font-size: 16px; font-family: "lucida sans unicode", "lucida grande", lucidagrande, "lucida sans", geneva, verdana, sans-serif } .pageLists a { display: inline-block; height: 40px; line-height: 40px; width: 40px; text-align: center; margin: 0 10px 5px 0; color: #4c4c4c; background-color: #bfbfbf; text-decoration: none; border-radius: 2px; } .pageLists b { margin: 0 10px 5px 0; } .pageLists a:hover { color: #4de600; background-color: #545454 } .pageLists a.current { display: inline-block; height: 40px; line-height: 40px; width: 40px; text-align: center; margin: 0 10px 5px 0; color: #55ff00; background-color: #545454; } .pageLists span.disabled { display: none } .functionBar { overflow: hidden; margin: 0 20px; padding: 20px 0 10px; border-top: 1px solid #949494; } .functionBar a { float: left; font-size: 12px; } .functionBar .fl a { width: 80px; height: 42px; line-height: 42px; text-align: center; background: #404040; border-radius: 2px; color: #b2b2b2; margin-right: 10px; } .functionBar .fl a:hover { opacity: 0.8; filter:alpha(opacity=80); } .functionBar .fl .bdshare-button-style0-16 a.bds_more:hover { color: #b2b2b2; } .functionBar .fl a img { vertical-align: middle; margin-bottom: 3px; margin-right: 5px; } .functionBar .fr a { width: 78px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #999999; color: #cccccc; border-radius: 2px; } .functionBar .fr a:hover { /*background: #fff;*/ opacity: 0.8; filter:alpha(opacity=80); color: #55ff00; } .pinglun_tit { color: #4C4C4C; font-weight: bold; font-size: 16px; } .pinglun_tit img { vertical-align: middle; margin-bottom: 3px; margin-right: 10px; } .commentArea { margin-bottom: 50px; overflow: hidden; border-radius: 4px; } .commentArea_ae .commentList li>div.fr { width: 740px; } .commentArea_good .commentList li>div.fr { width: 780px; } .commentArea_origin .commentList li>div.fr { width: 800px; } ul.commentList { padding: 0 20px; } ul.commentList li { padding: 20px; background: #868686; margin-bottom: 20px; border-radius: 4px; overflow: hidden; } ul.commentList .replyContent { background: #6b6b6b; padding: 5px 10px; color: #bfbfbf; line-height: 22px; margin-top: 10px; font-size: 12px; border-radius: 4px; } .commentList span.time { font-size: 12px; } .commentList span.time a { color: #fff; } .commentList span.time a.uname { font-weight: bold; font-size: 14px; margin-right: 10px; } .commentList span.time a.uname:hover { color: #55ff00; } .commentList .identity { font-size: 12px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 0 10px 3px 0; width: 34px; height: 16px; text-align: center; line-height: 16px; } .commentList .msg { line-height: 24px; margin: 10px 0 0; } .commentList .replyLink a { margin-left: 20px; } .commentList .replyLink a.active { color: #55ff00; } .commentList .replyLink .reportCmtBtn { display: none; color: #b2b2b2; } .commentList .replyLink .reportCmtBtn:hover { color: #55ff00; } .commentList .replyLink .praise_area img { vertical-align: middle; margin-bottom: 3px; margin-right: 5px; } .grayBlock { background: #9e9e9e; padding-bottom: 20px; } .grayBlock .moreBtn { width: 288px; height: 36px; text-align: center; line-height: 36px; border: 1px solid #868686; margin: 0 auto 20px; cursor: pointer; } .grayBlock .moreBtn:hover{ opacity: 0.8; filter:alpha(opacity=80); } .grayBlock .submitCommentArea { margin: 0 20px; padding: 20px; background: #868686; border-radius: 4px; } .grayBlock .submitCommentArea form { overflow: hidden; } .grayBlock .submitCommentArea form textarea { width: 760px; height: 90px; padding: 5px 10px; background: #cccccc; border: none; } .grayBlock .submitCommentArea .submitComment { text-align: right; line-height: 30px; margin-top: 10px; font-size: 12px; } .grayBlock .submitCommentArea .submitComment a { text-decoration: underline; } .grayBlock .submitCommentArea .submitComment .submitCommentBtn { width: 100px; height: 30px; line-height: 30px; text-align: center; vertical-align: middle; background: #333333; color: #55ff00; border: none; border-radius: 2px; margin-left: 20px; } .grayBlock .submitCommentArea .submitComment .submitCommentBtn:hover { opacity: 0.8; filter: alpha(opacity=80); } .commentArea .otherVideoRecom { width: 300px; background: #666666; border-radius: 4px; padding: 0 20px; } .commentArea .otherVideoRecom h3 { line-height: 44px; border-bottom: 1px solid #808080; position: relative; } .commentArea .otherVideoRecom .line { position: absolute; left: 0; bottom: -1px; width: 30px; height: 1px; background: #55ff00; } .commentArea .otherVideoRecom ul { margin: 20px 0 10px; overflow: hidden; } .commentArea .otherVideoRecom ul li { width: 300px; height: 150px; margin-bottom: 10px; } .commentArea .otherVideoRecom ul li a { display: block; width: 100%; height: 100%; position: relative; } .commentArea .otherVideoRecom ul li a .tit { height: 32px; line-height: 32px; padding: 0 10px; background: rgba(0, 0, 0, 0.4); position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .w900{ width: 900px; } .p204{ padding-left: 204px; padding-right: 204px; } .p115{ padding-left: 115px; padding-right: 115px; }