/* CSS Document */
body	{font-family:Verdana, Arial, Helvetica, sans-serif, "å®‹ä½“";
		font-size:12px;
		color:3F3F3F;
		text-align:center;
		line-height:20px;
		margin:0;
		padding:0;
		}
		
P		{padding:1em; line-height:20px; text-indent:2em;}

img		{border:0;}
a		{color:#0A7ACD; text-decoration:none;}
a:visited{color:#0A7ACD; text-decoration:none;}
a:hover  {color:#ff6600; text-decoration:underline;}

.title1	{font-size:14px; font-weight:bold; color:#b30;}
.title2	{font-size:14px; font-weight:bold;}

.button {width:69px; height:21px; background:url(../image/commentSpace/buttonBuy.gif) no-repeat; border:0px; padding-left:1em;}
/*wrapper*/
#wrapper {margin:0 auto; padding-top:8px; width:960px; text-align:left;}
/*End wrapper*/

/*commentSpace index left*/
#left 			{mrgin:0; width:638px; float:left; }
#toptitle {border:1px solid #ddd; 
				 background:#f2f2f2; 
				 padding-left:1em; 
				 line-height:25px;
				 font-size:14px;
				 color:#b30;
				 }
.infotitle		{border-top:1px solid #eaeaea;
				 border-left:1px solid #eaeaea;
				 border-right:1px solid #eaeaea;
				 background:#f8f8f8;
				 padding-left:1em;
				 line-height:25px;
				 height:25px;
				 }
.infotitle a{font-size:14px; font-weight:bold; color:#0A7ACD; text-decoration:none;}
.infotitle a:visited{font-size:14px; font-weight:bold; color:#0A7ACD; text-decoration:none;}
.infotitle a:hover  {font-size:14px; font-weight:bold; color:#ff6600; text-decoration:underline;}

.infotop		{padding:0 1em;
				 line-height:20px;
				 }
.infotop a{color:#0A7ACD; text-decoration:none;}
.infotop a:visited{color:#0A7ACD; text-decoration:none;}
.infotop a:hover  {color:#ff6600; text-decoration:underline;}

.info			{margin:1em 0.2em;
				 line-height:1.5em;
				 word-wrap:break-word;
				 overflow:hidden;
				 width:520px;
				 }
/*End commentSpace index left*/

/*commentSpace index right*/

#right						{margin:0; width:300px; float:right;}
#right #userInfo 			{margin:0; padding:0.5em; border:1px solid #f9a300; background:#f4f8fa; width:285px !important; overflow:hidden}

#right #userInfo ul 		{margin:0; padding:0; width:285px; list-style:none; line-height:30px;}
#right #userInfo ul li 		{float:left;}
#right #userInfo ul a		{display:block; float:left; padding:0.2em 1em; color:#0A7ACD; line-height:2.1em; text-decoration:none;}
#right #userInfo .Hackbox1	{height:1px; overflow:hidden; clear:both;}
.info						{padding:0 1em;}

#hotComment					{border:1px solid #f9a300; background:url(../image/commentSpace/hotComrightBg.gif) repeat-y center top;}
#hotComment #hotTitle		{color:#b30; padding:0.5em 0 0 1em;}
.hotComProduct				{width:97px; height:auto; float:left; text-align:center;}
.hotComProduct .productPic	{width:95px; height:90px; text-align:center;}
.hotComProduct .productName	{width:74px; height:auto; text-align:left; line-height:1.5em; padding:5px 12px;}

.Hackbox2					{height:15px; overflow:hidden; clear:both;}

#hotSpace					{border:1px solid #f9a300; background:url(../image/commentSpace/hotComrightBg.gif) repeat-y center top;}
#hotSpace #hotSpaceTitle	{color:#b30; padding:0.5em 0 0 1em;}
.hotuser					{width:95px; height:auto; float:left; text-align:center; padding-left:3px;}
.hotuser .userPic			{width:90px; height:50px; text-align:center;}
.hotuser .userName			{width:90px; height:auto; text-align:center; line-height:1.5em; padding:5px 0;}

/*End commentSpace index right*/

/* commentProduct */
#commentProduct 			{mrgin:0; width:638px; float:left; }
#commentProduct #toptitle {border:1px solid #ddd; 
				 background:#f2f2f2; 
				 padding-left:1em; 
				 line-height:25px;
				 font-size:14px;
				 color:#b30;
				 }
#commentProduct .infotitle{border-top:1px solid #eaeaea;
				 border-left:1px solid #eaeaea;
				 border-right:1px solid #eaeaea;
				 background:#f8f8f8;
				 padding-left:1em;
				 line-height:22px;
				 }
#commentProduct .infotitle a{font-size:14px; font-weight:bold; color:#0A7ACD; text-decoration:none;}
#commentProduct .infotitle a:visited{font-size:14px; font-weight:bold; color:#0A7ACD; text-decoration:none;}
#commentProduct .infotitle a:hover  {font-size:14px; font-weight:bold; color:#ff6600; text-decoration:underline;}

#commentProduct .infotop	{padding:0 1em;
				 line-height:20px;
				 }
#commentProduct .infotop a			{color:#0A7ACD; text-decoration:none;}
#commentProduct .infotop a:visited	{color:#0A7ACD; text-decoration:none;}
#commentProduct .infotop a:hover  	{color:#ff6600; text-decoration:underline;}

#commentProduct .info				{padding:1em; line-height:20px;}
/* End commentProduct */


/*  mySpace  */
#left .mySpaceUserName{font-size:14px; font-weight:bold; color:#b30;}
#left .otherCommentTop{border:1px solid #ddd; 
					   background:#f2f2f2; 
				 	   padding-left:1em; 
				 	   line-height:25px;
				 	   font-size:14px;
				 	   color:#b30;}
/*  End mySpace  */

/*  prodcut comments   (æ³¨PCContent æ˜¯product comments contentçš„ç¼©å†? */

#PCContent				{mrgin:0; width:960px;}
#PCContent #productName	{font-size:14px; font-weight:bold;}
#PCContent .productInfo {line-height:30px; padding}
#PCContent .pad1em		{padding:1em 0;}
#PCContent #toptitle 	{border:1px solid #ddd; 
				 		 background:#f2f2f2; 
						 padding-left:1em; 
						 line-height:25px;
						 font-size:14px;
						 color:#b30;
						 }
#PCContent .infotitle	{border-top:1px solid #eaeaea;
						 border-left:1px solid #eaeaea;
				 		 border-right:1px solid #eaeaea;
						 background:#f8f8f8;
						 padding-left:1em;
						 line-height:30px;
						 }
#PCContent .infotitle a			{font-size:14px; font-weight:bold; color:#0A7ACD; text-decoration:none;}
#PCContent .infotitle a:visited	{font-size:14px; font-weight:bold; color:#0A7ACD; text-decoration:none;}
#PCContent .infotitle a:hover  	{font-size:14px; font-weight:bold; color:#ff6600; text-decoration:underline;}

#PCContent .infotop	{padding:0 1em; line-height:20px;}
#PCContent .infotop a{color:#0A7ACD; text-decoration:none;}
#PCContent .infotop a:visited{color:#0A7ACD; text-decoration:none;}
#PCContent .infotop a:hover  {color:#ff6600; text-decoration:underline;}

#PCContent .info		{padding:1em; line-height:20px;}

/*  prodcut comments */


/* my rating */
#leftUser {width:200px; margin:0; float:left; text-align:left;}
#leftUser .red14pxB{font-size:14px; font-weight:bold; color:#b30;}
#leftUser .tdImg{width:70px;}
#leftUser .sortRatingTitle{border:1px solid #f9a400; background:#efebcd; font-size:14px; color:#b30; padding:0.2em 0.5em;}
#leftUser .sort {padding:0.5em;}
#leftUser .sort .Rating {padding:0.1em 1.5em;}

#rightUser {width:739px; margin:0; padding:0; text-align:left; float:right;}
#rightUser .ratingTitle{border:1px solid #ddd; background:#f2f2f2; padding:0.5 0.5em; font-size:14px; color:#b30; height:22px; padding:0.2em 0.5em;}
#rightUser .rating		{padding:1em;}

#rightUser .pagination{border:1px solid #eaeaea; background:#f8f8f8; padding:0.2em; text-align:center;}
#rightUser .hackboxT{height:63px;}

#rightUser .info{width:710px !important}
.td{text-align:right; color:#3f3f3f;}

/* my rating */




.hackbox{height:10px; overflow:hidden;}

.gray{color:#888;}

.red{color:#b30;}

.yellow{color:#f90;}

.hr{border:1px dashed #ccc;}

.alignRight{text-align:right}

.bold12px{font-size:12px; font-weight:bold;}

.text14px{font-size:14px;}



a.redlink:link   {font-size:14px; font-weight:bold; color:#b30; text-decoration:none;}
a.redlink:visited{font-size:14px; font-weight:bold; color:#b30; text-decoration:none;}
a.redlink:hover  {font-size:14px; font-weight:bold; color:#f60; text-decoration:underline;}

a.link_14px:link   {font-size:14px; color:#0A7ACD; text-decoration:none;}
a.link_14px:visited{font-size:14px; color:#0A7ACD; text-decoration:none;}
a.link_14px:hover  {font-size:14px; color:#0A7ACD; text-decoration:underline;}


.commentTitle
{
	font-size:14px; 
	color:#0066cc;
	border:1px solid #D0E3ED;
	background:#f4f8fa;
	text-indent:10px;
	height:30px;
	line-height:30px;
}
.productInfo
{
	display:none;
	width:100px; 
	height:auto; 
	border-top:1px solid #dcebf2; 
	border-right:1px solid #5a6f89; 
	border-bottom:1px solid #5a6f89; 
	border-left:1px solid dcebf2;
}
.spbor
{
	border:2px solid #96cbe6;
}
.sppoverbor
{
	border:3px solid #dcebf2;
}
.ellipsisList		{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; wzy:expression(void(this.title=this.innerText));} 