﻿/* CSS Document */
.artistLeft{float:left; width:730px;}
.artistRight{float:right; width:226px;}
.bgLight{border:1px solid #FFFFFF; background-color:#FAFBFC;background:url(../Images/nav_bg3.gif) top repeat-x; margin:0 1px;}

.col2bg{background:url(../Images/col2bg.gif) repeat-y;}
.col2line{ background:url(../Images/col2line.gif); height:1px; clear:both; overflow:hidden;}

.dotline{background:url(../Images/dot_2.gif) repeat-x;height:8px; clear:both; overflow:hidden;}

.artistInfo{ padding:2px 6px;}
.artistInfo h1{font-size:14px; font-weight:bold; line-height:29px; float:left; width:400px;}
.artistInfo span{float:right; margin-top:8px; display:block; cursor:pointer;  padding-left:14px; color:#FF0000;}

.albumInfo{ padding:2px 6px;}
.albumInfo h1{font-size:14px; font-weight:bold; line-height:29px; float:left; width:400px;}
.albumInfo span{float:right; margin-top:8px; display:block; cursor:pointer;  padding-left:14px; color:#FF0000;}

.photo{float:left; width:220px; text-align:center;}
.photo img{ border:1px solid #999; padding:3px;}
.photo strong{display:block; line-height:29px; color:#FF0000; text-align:center; float:none;}

.albumPhoto{float:left; width:280px; text-align:center;}
.albumPhoto img{ border:1px solid #999; padding:3px;}
.albumPhoto strong{display:block; line-height:29px; color:#FF0000; text-align:center; float:none;}

.albumDetail{float:right; width:430px; font-size:13px;}
.albumDetail h3{color:#FF0000; font-size:16px; font-weight:bold; line-height:2em;}
.albumDetail ul li{line-height:2.0em;}
.albumDetail ul li.link{font-size:14px; height:34px; padding-top:4px; line-height:1.8em;}
.albumDetail li a{text-decoration:none;}
.albumDetail li a.sc{background:url(../Images/icoadd.gif) 6px 10px no-repeat; color:#006600; padding:4px 6px; padding-left:28px;  border:1px solid #999; background-color:#F6F6F6; display:block; float:left; width:80px; margin-right:6px;}
.albumDetail li a.st{background:url(../Images/icoplay.gif) 6px 8px no-repeat; color:#003399; padding:4px 6px; padding-left:28px;  border:1px solid #999; background-color:#F6F6F6; display:block; float:left; width:120px;}
.albumDetail li a:hover.sc{background-color:#FFFF99; border:1px solid #FFCC00;}
.albumDetail li a:hover.st{background-color:#FFFF99; border:1px solid #FFCC00;}

.artistIntro{float:left; height:210px; overflow:auto; word-spacing:normal; word-break:break-all; overflow-x:hidden; width:470px; padding:0 10px; line-height:1.6em; font-size:13px;background-color:#F6F6F6;}

.intro{float:left; height:210px; overflow:auto; word-spacing:normal; word-break:break-all; overflow-x:hidden; width:470px; padding:0 10px; line-height:1.6em; font-size:13px;}
.albumIntro{float:left; height:210px; overflow:auto; word-spacing:normal; word-break:break-all; overflow-x:hidden; padding:10px; width:690px; margin:0 auto;line-height:1.6em; font-size:13px; background-color:#F6F6F6;}

.clipBox{overflow:hidden; line-height:1.5em; padding:2px; text-align:left;}
.clipInput{ font-size:12px; font-family:Tahoma, Verdana; padding:2px 4px; width:130px; vertical-align:middle; border:1px solid #333; border-bottom:1px solid #999999; border-right:1px solid #999999; background-color:#FFFF99;}
.clipButton{ font-size:12px; font-family:Tahoma, Verdana; width:180px; border:0; height:23px; border:1px solid #CC3300; border-top:1px solid #FFCC33; border-left:1px solid #FFCC33; background-color:#FF6600; padding-top:1px; color:#FFFFFF; margin:0 6px;vertical-align:middle;}

.clipBox1{overflow:hidden; line-height:2.4em; padding:2px; text-align:left;}



.barAtitle{background:url(../Images/barbg.gif) no-repeat top; height:30px; width:680px; margin:0 auto; line-height:30px; padding-left:30px; font-size:14px; font-weight:bold;}

.collapse{background:url(../Images/collapse.gif) left no-repeat;}
.expand{background:url(../Images/expand.gif) left no-repeat;}

.blank{background-color:#F0F0F0;display:block;font-size:1px; height:4px; clear:both;}

.trackList th{ border-right:1px solid #CCC; border-bottom:1px solid #CCC; border-top:1px solid #CCC; background-color:#F0F0F0;}
.trackList tr{background:url(../Images/dot_2.gif) repeat-x bottom; border-bottom:1px solid #FFFFFF;}
.trackList td{ text-align:center; border-right:1px solid #F0F0F0; height:19px;}
.trackList .over{background-color:#F6F6F6;}
.trackList .on{ background:url(../Images/trbg.gif) bottom repeat-x;}
/*.trackList .on{background-color:#FEFFE6;}*/

h2{line-height:32px; font-size:13px; font-weight:bold; color:#003366; float:left; background:url(../Images/arrow.gif) 6px no-repeat; padding-left:30px; }
h2 span{}

.artistvote{margin:0 auto; margin:0 1px;}
.artistvote ul{width:206px; margin:0 auto; height:68px;}
.artistvote li{ float:left;height:68px; width:61px; padding-right:6px; background-repeat:no-repeat; background-position:center; text-align:center;}
.artistvote li.agree{ background-image:url(../Images/garden02.gif);}
.artistvote li.fight{background-image:url(../Images/garden01.gif);}
.artistvote li.result{background-image:url(../Images/garden03.gif); color:#FF0000;}
.artistvote h3{ height:37px; padding-bottom:8px; font-size:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:37px;}
.artistvote h4{}

.hotartist ul{width:95px; padding-left:10px; float:left;}
.hotartist li{line-height:32px; padding:4px 0;  background:url(../Images/dot_2.gif) bottom repeat-x; overflow:hidden; height:34px; }
.hotartist a img{border:1px solid #666666; padding:1px; width:30px; height:30px; vertical-align:middle;}
.hotartist a:hover img{border:1px solid #FF0000; background-color:#FFFF00; }
.hotartist span{float:right; white-space:nowrap;text-overflow:ellipsis; width:52px;line-height:32px; overflow:hidden;}

.albumlist ul{ padding-left:15px;}
/*
.albumlist li{float:left; width:226px; padding:4px; margin-right:4px;}
.albumlist h3{font-size:13px; color:#ff0000; font-weight:bold; line-height:1.4em; overflow:hidden; height:1.4em;}
.albumlist .cover{  float:left; margin-right:6px; width:80px;}
.albumlist .cover img{padding:3px; border:1px solid #666666; width:70px; height:70px; background-color:#FFFFFF;}
.albumlist .content{ float:left; width:140px; line-height:1.5em; font-size:12px;}
*/
.albumlist li{ border:1px dashed #999999;  background-color:#F6F6F6; height:126px; padding:8px 0;  float:left; width:340px; margin-right:10px; margin-top:6px; margin-bottom:6px;}
.albumlist li.on{ background-color:#ECF5FF; border:1px solid #9ABFFC;}
.albumlist .cover{float:left; width:136px; padding-left:8px;}
.albumlist .cover img{border:1px solid #666; padding:1px; width:120px; height:120px;}
.albumlist .content{float:left; font-size:12px; line-height:1.7em; width:192px;  height:126px; color:#333333;}
.albumlist .content a.sc{background:url(../Images/icoadd.gif) left no-repeat; padding-left:16px; padding-right:4px; color:#006600;}
.albumlist .content a.st{background:url(../Images/icoplay.gif) left no-repeat; padding-left:18px; color:#0000FF;}
.albumlist .content h3{color:#FF0000; font-weight:bold; font-size:14px; line-height:1.8em;width:190px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.albumlist li.no{width:96%; margin:0 auto; text-align:center; color:#FF0000; line-height:30px; height:30px; border:none; background:none;}

.albumslist li{float:left; width:108px;  padding:2px 6px; text-align:center; background:url(../Images/dot_1.gif) left repeat-y; overflow:hidden;}
.albumslist li.end{background:none;}
.albumslist li a{ display:block; white-space:nowrap; overflow:hidden; line-height:17px; }
.albumslist li a img{ padding:1px; border:1px solid #333333; margin-bottom:4px; height:110px;}
.albumslist li a:hover img{border:1px solid #FF3300;}
.albumslist li span{ color:#666666;}
.albumslist li.no{float:none; line-height:80px; text-align:center; width:500px; background:none; margin:0 auto;}

.sloading{background:url(../Images/sloading.gif) center no-repeat; width:100%; height:16px; padding-top:20px; display:block;}

.albumlist img{background:url(../Images/imgbg111.gif) center no-repeat;}

/*-评论输入框-*/
#pl #face img { border: 1px dotted #FFFFFF; }
#pl dd #anonymous { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-bottom: -2px; height:auto; }
#pl #content { font-family: Verdana, "宋体"; font-size: 12px; overflow:hidden; height: 80px; width: 99%; border: 1px inset #cccccc; }
#pl input { font-size: 12px; border: 1px dotted #CCCCCC; padding: 0px; display: inline; height: 20px; line-height: 18px; }
#pl form { margin: 0px; }
#pl button { color: #FFFFFF; background-color: #4D7694; font-size: 13px; line-height: 22px; height: 24px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; margin-right: 12px; }
#pl { border-top-width: 1px; border-top-style: dotted; border-top-color: #979BC9; color: #999999; }
#pl strong { margin-right: 6px; color: #666699; }
#pl dl { margin: 0px; }
#pl dd { margin: 0px; padding-top: 4px; }
#pl dt { padding-bottom: 4px; padding-top: 4px; line-height: 20px; vertical-align: middle; position: relative; }

.body_bodys { margin-top: 8px; margin-right: 8px; margin-bottom: 0px; margin-left: 9px; }
.tit_strong { font-size: 16px; color: #3366CC; text-align: left; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #000000; float: left; padding-top: 25px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; }
#zj_pl dl {	 position:relative;}
#zj_pl dt a:hover { text-decoration: underline; }
#zj_pl dd { padding:10px 40px 10px 5px;color: #333333; line-height: 20px; }
#zj_pl { padding-right: 8px; padding-left: 8px; _width:713px;}
#zj_pl .pl_num { color: #CCCCCC; position:absolute; top:8px; left:630px; z-index:1; width:50px; text-align:right; }
#zj_pl dt { background-color: #F3F8FC; border-top-width: 1px; border-top-style: dotted; border-top-color: #B3CCEA; padding: 6px; color: #4465a2; }
#zj_pl .reBut { color: #999999; background-image: url(/images/plImg.gif); background-repeat: no-repeat; background-position: 0px 0px; #padding:3px 2px 2px 6px;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 4px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; position: absolute; top: 40px; left: 669px; background-color:transparent; font-size: 12px; height: 18px; }
#zj_pl .re { min-height:50px; overflow: hidden; zoom: 1; color: #4465a2; }
#zj_pl .re .reName { color: #c7c7c7; }
#zj_pl .re span { background-image: url(/images/plImg.gif); background-repeat: no-repeat; background-position: right -30px; padding: 10px 18px 0px 18px; list-style-type: none; line-height: 24px; }
#zj_pl .re .reBg { background-image: url(/images/plImg.gif); background-repeat: no-repeat; background-position: left -30px; float:left }