.ratingStar {font-size: 0pt; width: 13px;height: 14px;margin: 0px;padding: 0px;cursor: pointer; display: block; background-repeat: no-repeat;}
.filledRatingStar { background-image: url('pic-img/FilledStar.png');}
.emptyRatingStar { background-image: url('pic-img/EmptyStar.png');}

#wrap{ position:relative;/*相对定位*/width:1070px;}
#column1{ position:absolute; top:0; left:0; width:300px;}
#column2{position:absolute; top:0; right:0; width:770px;}

.pro_color_list a,
.pro_color_list a:link,.pro_color_list a:visited,.pro_color_list azctive{ display:block; width:20px; height:20px; float:left; text-decoration:none; border:2px #f5f5f5 solid}
.pro_color_list a:hover{ border:2px #000 outset}
.pro_category_list ul{ list-style:none; margin:0px; padding:0px}
.pro_category_list ul li{ list-style:none;border-bottom:1px #999 dashed; clear:both; line-height:24px}
.pro_category_list a,
.pro_category_list a:link,.pro_category_list a:visited,.pro_category_list azctive{ display:block;height:24px; float:left; text-decoration:none; line-height:24px; color:#555; font-weight:bold;}
.pro_category_list span{ float:right; color:#444; line-height:24px}
.pro_category_list a:hover{ color:#FF00FF}

.skinbox{position:relative; z-index:2; width:210px; margin-bottom:10px; float:left; margin:0 10px; display:inline}
.semtaibox{ float:left; margin:10px; text-align:center;width:150px;height:210px}
.semtaibox img{ height:120px;margin-top:15px;}
.semtaibox div{border:1px #999 solid; height:150px;width:150px; overflow:hidden}
.skinbox img{ width:200px; height:200px}
div.skinimg:hover{border:3px #14c2f5 solid;}
.skinbuy{ position:absolute; right:22px; bottom:10px; z-index:200}
.pro_show{line-height:25px}
.pro_show hr{ border:1px #666 dashed; clear:both}
.pro_show .SubHead{ font:bold 16px/30px Verdana, Arial, Helvetica, sans-serif; color:#FF00FF}
.pro_info{ float:right; width:65%; color:#999}
.pro_img{ border:1px #000 solid; float:left; width:30%}
.pro_img img{ width:200px; margin-top:10px}
.pro_name{ font: normal 20px Arial, Helvetica, sans-serif; color:#FF0000;}
.pro_description{ clear:both;  margin:30px 0; }
.ProShowHead{ background:#6cafd6; height:60px;}
.ProShowHead a.logo:link,.ProShowHead a.logo:active,.ProShowHead a.logo:visited{color:#FFF; font-size:36px; line-height:55px; padding:0 50px; width:300px; float:left; text-decoration:none}
.ProShowHead a.logo:hover{ color:#FF00FF; text-decoration:none}
.ProShowHead span{ float:right; display:block; width:100px; padding-top:10px}
.procolors{margin:10px 0px 0px 10px; display:block}
.procolors a:link,.procolors a:active,.procolors a:visited{ width:28px; height:28px; display:block; float:left;text-decoration:none;border:2px #333 solid; margin-bottom:10px}
.procolors a:hover{ border:2px #fff outset}
.Sendmail{ background:#eee; padding:5px 0; margin:0 auto; display:block; width:70px}
a.Sendmail:link,a.Sendmail:active,a.Sendmail:visited{ color:#FFF; font-weight:bold; white-space:nowrap; text-align:center; display:block; width:120px;}
a.Sendmail:hover{ background:#FFCC00; color:#FF0000}
.proinfo{padding:20px; line-height:26px;}
.proinfo a:link,.proinfo a:active,.proinfo a:visited{ color:#FF00FF}
.proinfo a:hover{ color:#44a412}
.hotskin{ color:#999;padding:3px 0}
.hotskin a:link,.hotskin a:active,.hotskin a:visited{ font-weight:bold; font-size:0.8em; color:#666}
.hotskin a:hover{ color:#FF00FF}
a.caseskin:link, a.caseskin:active, a.caseskin:visited{display:block; width:50px; height:50px; float:left; text-decoration:none; border:2px #f5f5f5 solid;margin:5px 4px} a.caseskin:hover{border:2px #adfe00 solid}
.pagelink{clear:both;padding:10px 0; text-align:right}
}