@charset "utf-8";
/* CSS Document */
.titleblock { padding:10px 0; font-size:14px}
.titleblock h1 span { display:block; width:auto; height:auto; float:left; color:#FCBF0F}
.titleblock h1 span.ptitle { font-size:24px; line-height:30px; padding:5px 0}
.titleblock h1 span.pcomponent { font-size:16px; line-height:20px; padding-top:15px; padding-bottom:5px; padding-left:20px}

.productinfo { padding:40px 0}
.productinfo .infoitems { width:360px; clear:none}
.productinfo .infoitems .price { padding-bottom:20px; background:url(../img/listviewbg.gif) left bottom repeat-x}
.productinfo .infoitems .dosomething { padding:20px 0; text-align:center; background:url(../img/listviewbg.gif) left bottom repeat-x}
.productinfo .infoitems .dosomething input { width:120px; height:40px; border:none; cursor:pointer; margin-bottom:10px}
.productinfo .infoitems .dosomething input.buy { color:#FFFFFF; background-color:#FCBF0F}
.productinfo .infoitems .dosomething input.collect { color:#999999; background-color:#EAEAEA}
.productinfo .infoitems .shareitems { padding-top:20px; font-size:14px}
.productinfo .infoitems .shareitems { width:auto; height:24px; clear:none}
.productinfo .infoitems .shareitems span { display:block; width:24px; height:24px; line-height:24px; float:left; padding-right:5px}
.productinfo .infoitems .shareitems span a { display:block; width:24px; height:24px; background-image:url(../img/bbs/sharebg.gif); background-repeat:no-repeat}
.productinfo .infoitems .shareitems span a.qqweibo { background-position:left 0}
.productinfo .infoitems .shareitems span a.qqspace { background-position:left -24px}
.productinfo .infoitems .shareitems span a.qq { background-position:left -48px}
.productinfo .infoitems .shareitems span a.weibo { background-position:left -72px}
.productinfo .infoitems .shareitems span a.other { background-position:left -96px}
.productinfo .infoitems .shareitems span.sn { font-size:14px; width:auto}

.productinfo .infoimg { width:650px; height:400px; float:right; overflow:hidden; clear:none; position:relative}
.productinfo .infoimg ul { width:6500px; height:400px; overflow:hidden; position:absolute; left:0; top:0; z-index:1}
.productinfo .infoimg ul li { width:650px; height:400px; overflow:hidden}
.productinfo .infoimg ul li img { min-width:650px; _width:650px; min-height:400px}
.productinfo .infoimg a.previmg { display:block; width:30px; height:55px; float:left; clear:both; position:absolute; left:20px; top:172px; z-index:2; background:url(../img/arrow.png) left center no-repeat}
.productinfo .infoimg a.nextimg { display:block; width:30px; height:55px; float:left; clear:both; position:absolute; right:20px; top:172px; z-index:2; background:url(../img/arrow.png) right center no-repeat}
.productinfo .infoimg a.mngimg { display:block; width:135px; height:27px; float:left; clear:both; position:absolute; right:10px; bottom:10px; z-index:3; background:url(../img/shopimgmng.png) right center no-repeat}

.productintro { padding:20px 0}
.productintro .introinfo { width:617px; float:left; clear:none; overflow:hidden}
.productintro .introinfo .introbox { overflow:hidden}
.productintro .introinfo .introbox p { padding:5px 0}
.productintro .introinfo .introbox img { max-width:617px}
.productintro .map { width:310px; float:right; clear:none; overflow:hidden}

.productother { padding:20px 0}
.productother .imgblock { background:none}
.productother li { width:180px; height:210px; padding-top:20px; padding-right:20px; overflow:hidden}
.productother li.last { padding-right:0}
.productother li .img { width:180px; height:120px; overflow:hidden}
.productother li .img img { width:100%; min-height:120px}
.productother li .info { padding-top:7px}
.productother li .info h3 { height:20px; line-height:20px}
.productother li .info h3 span.t { padding-right:10px}
.productother li .info h3 span.p { padding-left:12px; font-size:10px; background:url(../img/position.gif) left center no-repeat; color:#FDC010}
.productother li .info .pblock { padding-top:3px}
.productother li .info .pblock .pbinfo { width:112px; overflow:hidden; height:36px; line-height:18px; color:#bbbbbb; clear:none}
.productother li .info .pblock .pbprice { color:#FDC010; width:60px; height:36px; float:right; clear:none; text-align:right; font-weight:bold; overflow:hidden}
.productother li .info .pblock .pbprice .priceu { font-size:18px; line-height:20px}
.productother li .info .pblock .pbprice .price { font-size:24px; line-height:36px}
.productother li .info .pcomment { height:24px; line-height:24px; color:#CCCCCC}
.productother li .info .pcomment img { vertical-align:middle}

.comment { padding:20px 0}
.comment .listview .img { width:75px; height:75px; overflow:hidden}
.comment .listview .img img { width:75px; height:75px}
.comment .listview .info { width:575px; float:left; padding-left:22px}
.comment .listview .info .infocon { font-size:14px; overflow:hidden; padding:10px 0}
.comment .listview .info .infocon img { max-width:670px}
.comment .listview .info .writeinfo { color:#CCCCCC}
.comment .listview .info .writeinfo a { color:#CCCCCC}
.comment .loadmore { height:30px; line-height:30px; text-align:center; background-color:#f9f9f9}
.comment .loadmore a { color:#999999}

.comment .addcomment { padding:20px 0}
.comment .addcomment .addc { width:636px; padding:22px; background-color:#EAEAEA}
.comment .addcomment .addc .addform { width:636px; position:relative}
.comment .addcomment .addc .addform textarea { display:block; width:626px; height:80px; float:left; clear:both; padding:5px; border:none; overflow:hidden; color:#CCCCCC}
.comment .addcomment .addc .addform span { display:block; width:auto; height:20px; line-height:20px; float:left; color:#999999; margin-top:4px; _margin-top:2px}
.comment .addcomment .addc .addform span em { font-style:normal}
.comment .addcomment .addc .addform input[type="button"] { display:block; width:auto; height:28px; line-height:28px; float:right; color:#FFFFFF; cursor:pointer; border:none; font-size:14px; text-align:center; margin-top:6px; _margin-top:3px; background-color:#FCBF0F; padding:0 15px}
.comment .addcomment .addc .addform .commentlevel { width:300px; display:none}
.comment .addcomment .addc .addform .commentlevel .levelitems { padding-top:10px; color:#999999; line-height:13px}
.comment .addcomment .addc .addform .commentlevel .levelitems .levelitemsname { width:65px; height:13px overflow:hidden; clear:none}
.comment .addcomment .addc .addform .commentlevel .levelitems .levelitemsnum { width:auto; height:13px; clear:none}
.comment .addcomment .addc .addform .commentlevel .levelitems .levelitemsnum img { vertical-align:top; cursor:pointer}