@charset "utf-8";

/*
@Description:个人中心公共头部
@author: zhuzp
@update: 2012-08-22
*/

/* reset */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr {margin:0;padding:0;}
body {font:12px/1.5 Arial; color:#333;}
select,input,button {vertical-align:middle;font-size:100%;}
ul,ol {list-style:none;}
fieldset,img {border:0;}
em {font-style:normal;}
.clearfix:after {content:"."; display: block; visibility: hidden; clear: both; height:0; font-size:0}
.clearfix {*zoom:1}

/* public-header-background-image */
.product-name .share .count,.product-name .share .count i,.main-section .main-section-title,.posts-news li .tags-title,.posts-news li .tags-title i,.side-section-title,.related-search li .num,.product-info .grade-fraction span,.product-info .grade-fraction span em,.product-info .grade-fraction-sub span,.product-info .grade-fraction-sub span em{background-image:url(../images/tag-sprite.png);}
.product-picture li{background-image:url(../images/tag-picture-list.jpg);}
.top_bar li,.top_bar,.top_more i,.foot .cnet{background-image:url(http://icon.fengniao.com/article/css/images/bg.png);}

/* global */
.wrapper{width:980px; margin:0 auto;}
a{text-decoration:none;}
a:hover{color:#f60; text-decoration:underline;}
a:visited{color:#800080;}

/*top*/
.top_bar{height:31px; line-height:31px; padding:0 2px; border:1px solid #f0f0f0; background-position:0 -303px; background-repeat:repeat-x;}
.top_bar ul{float:left;}
.top_bar li{float:left; height:31px; line-height:31px; background-repeat:no-repeat; background-position:-176px 9px;position:relative;z-index:8;}
.top_bar li a{padding:0 12px; text-decoration:none; color:#333;}
.top_bar li a:hover{color:#f60; text-decoration:underline;}
.top_bar .first{background:none;}
.top_more i{position:absolute; width:8px; height:4px; font:0/0 arial; background-position:-152px 0; left:45px; top:13px; z-index:9;}
.top_more_c{width:92px;border:1px solid #999; background:#fff; padding-top:1px; margin-top:-1px;position:absolute; left:-1px; top:32px; z-index:7; display:none;}
.top_bar .top_more_c a{display:block; height:26px; line-height:26px; padding:0 6px;}
.top_bar .top_more_c a:hover{background:#f8f8f8; text-decoration:none;}
.top_act .top_more_c{display:block; }
.top_act .top_more{display:block; width:38px; height:27px; line-height:23px; margin-top:4px; border:1px solid #999; border-bottom:none; background:#fff; position:relative; left:-1px; margin-bottom:-2px; z-index:9;}
.top_act .top_more i{background-position:-152px -6px; top:9px;}
.top_bar .login{float:right; color:#666}
.top_bar .login a{margin:0 12px; color:#666}
.top_bar .login a:hover{color:#f60; text-decoration:underline;}
.top_bar .login span{color:#e0e0e0}

/* foot */
.foot{border:1px solid #e0e0e0; border-top:5px solid #e0e0e0; background:#f8f8f8; padding:10px 0 14px; line-height:23px; text-align:center; color:#999;}
.foot a{margin:0 12px; color:#333;}
.foot .copyright{padding:10px 0 0;}
.foot .cnet{display:inline-block; width:23px; height:23px; margin-right:10px;  background-position:-138px -72px;}
/*=====list=====*/
/* brumb */
.crumb{width:968px; height:30px; padding:0 0 0 12px; margin-top:10px; margin-bottom:8px;  border-bottom:1px solid #ddd; background-color:#f8f8f8; font:12px/30px Simsun,Arial; color:#666;}
.crumb a{font:12px/30px Arial; color:#666; text-decoration:none;}
.crumb a:hover{color:#f60; text-decoration:underline;}
.crumb i{padding:0 2px 0 8px; font-style:normal;}

/* product-name */
.product-name{height:44px; overflow:hidden;}
.product-name h1{padding:5px 0 2px 0; font:22px/32px "Microsoft Yahei",Arial; color:#333;}
.product-name .share{float:right; height:44px; overflow:hidden;}
/* content */
.content{float:left; width:670px; overflow:hidden;}

/* product-info */
.product-info{position:relative; *zoom:1; height:204px; overflow:hidden; padding: 0 0 0 264px; margin-bottom:10px; border:1px solid #fc7802;}
.product-info .pic{position:absolute; left:0; top:0; display:block; width:240px; height:180px; overflow:hidden; border:12px solid #f8f8f8; line-height:180px; *line-height:0; *font-size:156px; text-align:center;}
.product-info .pic img{vertical-align:middle;}
.product-info ul .link a{font:12px/22px Simsun,Arial; color:#fc7802; text-decoration:none;}
.product-info ul{float:left;}
.product-info .parameter{width:205px; padding:0 0 0 12px; margin:6px 0 10px 0; border-right:1px dotted #e0e0e0;}
.product-info .parameter li{font:12px/21px Simsun,Arial; color:#666;}
.product-info .parameter li em{font:12px/21px Simsun,Arial; color:#333;}
.product-info .grade{width:172px; padding:0 6px;}
.product-info .grade .price{height:30px; padding:0 0 0 10px; margin:5px 0 0 0; overflow:hidden; background-color:#f8f8f8; }
.product-info .grade .price span{float:left; font:14px/30px Simsun,Arial; color:#333;}
.product-info .grade .price em{float:left; font:18px/30px "Microsoft Yahei",Arial; color:#cc0000;}
.product-info .grade .grade-title{padding:2px 0 0 2px; font:bold 12px/22px Simsun,Arial; color:#666;}
.product-info .grade .grade-fraction{margin:0 0 5px 0;}
.product-info .grade-fraction span{float:left; width:132px; height:22px; background-repeat:no-repeat; background-position:0 -249px; vertical-align:middle;}
.product-info .grade-fraction span em{display:block; height:22px; background-repeat:no-repeat; background-position:0 -359px;}
.product-info .grade-fraction i{float:left; padding:0 0 0 5px; font:24px/24px Arial; color:#fc7802;}
/*
.product-info .grade .grade-fraction1 span{background-position:0 -271px;}
.product-info .grade .grade-fraction2 span{background-position:0 -293px;}
.product-info .grade .grade-fraction3 span{background-position:0 -315px;}
.product-info .grade .grade-fraction4 span{background-position:0 -337px;}
.product-info .grade .grade-fraction5 span{background-position:0 -359px;}
*/
.product-info .grade .grade-fraction-sub{height:22px; overflow:hidden; padding-left:4px;}
.product-info .grade-fraction-sub strong{float:left; font:12px/22px Simsun,Arial; color:#666;}
.product-info .grade-fraction-sub span{float:left; width:64px; height:12px; overflow:hidden; margin:5px 10px; background-repeat:no-repeat; background-position:-132px -249px; vertical-align:middle;}
.product-info .grade-fraction-sub span em{display:block; height:12px; background-repeat:no-repeat; background-position:-132px -309px;}
.product-info .grade-fraction-sub i{float:left; font:12px/22px "Microsoft Yahei",Arial; color:#fc7802;}
/*
.product-info .grade-fraction-sub1 span{background-position:-132px -261px;}
.product-info .grade-fraction-sub2 span{background-position:-132px -273px;}
.product-info .grade-fraction-sub3 span{background-position:-132px -285px;}
.product-info .grade-fraction-sub4 span{background-position:-132px -297px;}
.product-info .grade-fraction-sub5 span{background-position:-132px -309px;}
*/
.product-info .grade .link{padding-left:4px;}

/* main-section */
.main-section{margin:0 0 10px 0; border:1px solid #e0e0e0; background-color:#f8f8f8; *zoom:1;}
.main-section-title{height:43px; overflow:hidden; padding:0 0 0 18px; background-repeat:repeat-x; background-position:0 -206px; }
.main-section-title strong{font: normal 18px/42px "Microsoft Yahei",Arial; color:#f60;}
.main-section-title em{margin:0 0 0 10px; font:12px/42px Simsun,Arial; color:#666;}

/* posts-news */
.posts-news ul{padding:0 4px 0 10px;}
.posts-news li{padding:0 0 7px 0; border-top:1px dashed #e0e0e0;}
.posts-news li .title{height:28px; padding:11px 26px 11px 10px; overflow:hidden;}
.posts-news li .title strong{float:left; width:540px; height:26px; overflow:hidden;}
.posts-news li .title strong a{ font:16px/26px "Microsoft Yahei",Arial; color:#333; text-decoration:none;}
.posts-news li .title strong a:hover{color:#f60; text-decoration:underline;}
.posts-news li .title .time{float:right; font:12px/26px "Microsoft Yahei",Arial; color:#999;}
.posts-news ul .first{border:none;}
.posts-news li .explain{padding:0 20px 10px 10px;}
.posts-news li .explain .pic{float:left; overflow:hidden; border:1px solid #e0e0e0; background-color:#fff; *line-height:0; text-align:center;}
.posts-news li .explain .pic img{vertical-align:middle;}
.posts-news li .explain .text{text-indent:24px; font:12px/22px Simsun,Arial; color:#666;}
.posts-news li .explain .text a{font:12px/24px Simsun,Arial; color:#f60; text-decoration:none;}
.posts-news li .explain .text a:hover{text-decoration:underline;}
.posts-news li .tags{position:relative; *zoom:1; max-height:75px; overflow:hidden; padding:0 0 0 114px;}
.posts-news li .tags-title{position:absolute; left:10px; top:0;height:24px; padding:0 7px 0 0; margin:0 6px 0 10px-; background-repeat:no-repeat; background-position:right -120px;}
.posts-news li .tags-title i{display:inline-block; height:24px; padding:0 5px 0 8px; background-repeat:no-repeat; background-position:left -96px; font:bold 12px/24px Simsun,Arial; color:#666;}
.posts-news li .tags a{margin:0 4px 0 0; font:12px/24px Simsun,Arial; color:#f60; white-space:nowrap; text-decoration:none;}
.posts-news li .tags a:hover{text-decoration:underline;}

.product-posts li .explain .pic{width:160px; height:160px; margin:0 26px 0 0; line-height:158px; *line-height:0; *font-size:140px;}
.product-news li .explain .pic{width:136px; height:100px; margin:0 14px 0 0; line-height:98px; *line-height:0; *font-size:89px;}

/* product-picture */
.product-picture{padding:15px 0 17px 25px;}
.product-picture li{float:left; display:inline; width:184px; height:214px; overflow:hidden; padding:0 0 10px 0; margin:10px  30px 0 0; background-repeat:no-repeat; background-position:0 bottom;}
.product-picture li .box{height:190px; overflow:hidden; padding:11px; border:1px solid #e0e0e0; background-color:#fff;}
.product-picture li .pic{display:block; width:160px; height:160px; overflow:hidden; line-height:158px; *line-height:0; *font-size:138px; text-align:center;}
.product-picture li .pic img{vertical-align:middle;}
.product-picture li .explain{height:40px; overflow:hidden; padding:3px 0; font:12px/18px Simsun,Arial; color:#666;}
.product-picture li .explain em{margin:0 0 0 5px;}

/* side */
.side{float:right; width:300px;}

/* side-section */
.side-section{margin:0 0 10px 0; overflow:hidden; border:1px solid #e0e0e0;}
.side-section-title{height:33px; padding:0 0 0 16px; border-bottom:1px solid #e0e0e0; background-repeat:no-repeat; background-position:0 -173px;}
.side-section-title strong{font:bold 14px/32px Simsun,Arial; color:#333;}

/* tags-list */
.tags-list{padding:6px 5px;}
.tags-list a{display:inline-block; padding:3px 10px; margin:7px 6px; font:14px/24px Simsun,Arial;color:#333; text-decoration:none; white-space:nowrap;}
.tags-list a:hover{text-decoration:none;}
.tags-list .style1{background-color:#ffe0c5;}
.tags-list .style2{background-color:#ffd9d9;}
.tags-list .style3{background-color:#d9f0ff;}
.tags-list .style4{background-color:#dfebd6;}
.tags-list .style5{background-color:#e2e2e2;}
.tags-list .style6{background-color:#ffedfd;}

/* related-search */
.related-search{padding:15px;}
.related-search li{position:relative; *zoom:1; height:22px; padding:4px 0 4px 30px;}
.related-search li a{ font:12px/22px Simsun,Arial; color:#333; text-decoration:none;}
.related-search li a:hover{text-decoration:underline; color:#f60;}
.related-search li a:visited{color:#800080;}
.related-search li .num{position:absolute; left:0; top:6px; width:19px; height:17px; overflow:hidden; background-repeat:no-repeat; background-position:-179px 0; text-align:center; font:12px/16px "Microsoft Yahei",Arial; color:#fff;}
.related-search .forefront .num{background-position:-160px 0;}
.related-search li{}

/* sina-weibo */
.sina-weibo{height:370px; background-color:#f8f8f8; text-align:center;}