@charset "utf-8";
/* CSS Document */

.listleft{
    color: #333;
    float: left;
    overflow: hidden;
    width:200px;
}
.listleft .barTitle {
    background:#f7f7f7;
    border: 1px solid #ddd;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    padding: 0 10px;
}
.listleft .barTitle a {
    color: #333;
}
.listleft .barTitle a:hover {
    color: #f70;
    text-decoration: underline;
}
.listleft .navBarCon {
    background:#fff;
    border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
    overflow: hidden;
    width:198px;
}
.listleft .menu_list{
	background:#fff;
    overflow: hidden;
    width:200px;
}
.listleft .menu_head{
	width:168px;
	height:35px;
	line-height:35px;
	padding-left:30px;
	font-size:14px;
	color:#525252;
	cursor:pointer;
	border:1px solid #e1e1e1;
	border-top:none;
	font-weight:bold;
	background:#f7f7f7 url(../images/pro_left.png)10px center  no-repeat;
	display:block;
}
.listleft .menu_list .current{
	background:#f7f7f7 url(../images/pro_down.png)10px center  no-repeat;
}
.listleft .menu_body{
	width:198px;
	height:auto;
	overflow:hidden;
	line-height:35px;
	border-left:1px solid #e1e1e1;
	backguound:#fff;
	border-right:1px solid #e1e1e1;
	display:none;
}
.listleft .menu_body a{
	display:block;
	width:170px;
	height:35px;
	line-height:35px;
	padding-left:30px;
	color:#777777;
	background:#fff;
	font-size:12px;
	text-decoration:none;
	border-bottom:1px solid #e1e1e1;
}
.listleft .menu_body a:hover{text-decoration:none;}

.listleft .aBuy {
    background:#fff;
    border: 1px solid #e8e8e8;
}
.listleft .aBuy .title {
    background:#fff;
    border-bottom: 1px solid #e8e8e8;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-align: left;
    text-indent: 10px;
	clear:both;
}
.listleft  .aBuy ul {
    padding: 0;
	display:block;
	margin:0;
	clear:both;
}
.listleft .aBuy li {
    border-bottom: 1px dotted #cdcdcd;
    overflow: hidden;
    padding:10px 0;
    position: relative;
    text-align: center;
}
.listleft .aBuy li.last {
    border:none;
}
.listleft .aBuy li p.name {
    color: #333;
    font-size:12px;
    font-weight: normal;
    height:36px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 168px;
}
.listleft .aBuy li img {
    width:160px;
	height:160px;
}
.listleft .aBuy li p.name a:hover{
    color: #f70;
}
.listleft .aBuy li p.price {
    color:#d00;
    font-size:18px;
    height: 20px;
    line-height: 20px;
    text-align: left;
	padding:5px 10px;
}
.listleft .aBuy li p.price b {
    color: #d00;
    float: left;
    font-size: 14px;
    font-weight: normal;
    margin: 1px 2px 0 10px;
}
.listleft .procon_relate {
    overflow: hidden;
    padding: 10px 0;
	border:1px solid #e1e1e1;
	border-top:none;
	background:#FFF;
	display:block;
}
.listleft .procon_relate li {
    float: left;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    padding-left: 20px;
    width: 70px;
    word-break: break-all;
}
.listleft .procon_relate li a {
    color: #666;
}
.listleft .procon_relate li a:hover {
    color: #f60;
}









.proList {
    color: #666;
    float: right;
    width:990px;
}
.sugConHtml {
    border: 1px solid #d9d9d9;
    margin-bottom: 10px;
    overflow: hidden;
}
.proList .specPT {
    background:#fafafa;
    border-bottom: 1px solid #e4e4e4;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    padding-left: 20px;
}
.specP {
   display:block;
   margin:10px 0px;
   padding:0;
}
.proList .specP li {
    float: left;
    width: 244px;
	display:block;
}
.proList .specP li img {
    float: left;
	width:110px;
	height:110px;
	display:block;
}
.proList .specP li div {
    float: left;
    height: 110px;
    margin-left: 10px;
    width: 123px;
}
.proList .specP li p {
	display: block;
    height: 36px;
    margin-bottom: 10px;
    overflow: hidden;
    color: #666;
    line-height: 18px;
	width:100%;
}
.proList .specP li p em {
    color: #f70;
    font-style: normal;
}
.proList .specP li p.price {
    color:#d00;
    font-size:18px;
    height: 20px;
    line-height: 20px;
    text-align: left;
}
.proList .specP li p.price b {
    color: #d00;
    float: left;
    font-size: 14px;
    font-weight: normal;
    margin: 1px 2px 0 10px;
}
.proList .specP li a.buy {
    background:#f1f1f1;
    display: block;
    height: 22px;
	line-height:22px;
    margin-top: 6px;
    width: 80px;
	text-align:center;
	border:#CCC 1px solid;
	font-size:12px;
}
.proList .specP li a.buy:hover {
    background:#F60;
	color:#FFF;

}


.Searchcond {
    background:#fff;
    border: 1px solid #d9d9d9;
    height: 32px;
}
#sortTileN {
    float: left;
    width: 230px;
}
#sortTileN a {
    background:#fff;
    border-right: 1px solid #ddd;
    display: block;
    float: left;
    height: 32px;
    line-height: 32px;
    padding: 0 10px 0 5px;
    text-align: center;
    width: 40px;
	cursor:pointer;
}
#sortTileN a.m {
    background:#fff;
    color: #ff7701;
    padding: 0 5px;
    width: 41px;
}
.Searchcond .page {
    display: inline;
    float: right;
    height: 22px;
    margin-right: 7px;
    overflow: hidden;
    width: auto;
	margin-top:5px;
}
.Searchcond .page span {
    display: block;
    float: left;
    line-height: 22px;
    padding-right: 10px;
    text-align: right;
    width: auto;
}
.Searchcond .page i {
    font-style: normal;
}
.Searchcond .page a {
    background: url(../images/thirdBg.png) no-repeat -419px -453px;
	border:none;
    color: #999;
    cursor: pointer;
    display: block;
    float:left;
    height: 20px;
    line-height: 22px;
    text-align:center;
    width: 20px;
	margin-right:5px;
}
.Searchcond .page a.prevN {
    background-position: -396px -453px;
    cursor: default;
}
.Searchcond .page a.next {
    background-position: -444px -453px;
}
.Searchcond .page a.nextN {
    background-position: -468px -453px;
    cursor: default;
}
.Searchcond .page a.prev:Hover {
    background-position: -437px -387px;
}
.Searchcond .page a.next:Hover {
    background-position: -461px -387px;
}
.container {
    width:1004px;
}
.container li{
    width:234px;
	display:block;
	height:290px;
	background:#fff;
    border:#e5e5e5 1px solid;
    float: left;
    margin: 10px 15px 5px 0;
    position: relative;
}
.container li:hover{
    border:#F60 4px solid;
	margin:7px 12px 2px -3px;
}
.container li a img{
    width:200px;
	display:block;
	height:200px;
	margin:12px auto 5px auto;
}
.container li p{
    overflow: hidden;
    padding: 0 20px;
    width: 194px;
	font-weight: normal;
	display:block;
}
.container li em {
    color: #f70;
    font-style: normal;
}
.container li p.inforBg {
    height:44px;
	line-height:22px;
}
.container li .comment {
    height: 24px;
    line-height: 24px;
	padding: 0 20px;
}
.container li .comment span {
    padding-right: 5px;
	display:block;
}
.container li .comment span.price {
    color:#d00;
    font-size:18px;
    height: 20px;
    line-height: 20px;
    text-align:left;
	float: left;
}
.container li .comment span.price b {
    color: #d00;
    float: left;
    font-size: 14px;
    font-weight: normal;
    margin: 1px 2px 0 0px;
}
.container li .comment span.tip a {
    color: #0081cc;
	float:right;
}
.container li .comment span a:hover {
    color: #f70;
}


.colLeft {
    width: 400px;
	float:left;
}

.colRight {
    width: 780px;
	float:right;
}

.colRights {
    width: 550px;
	float:left;
}
.number_r {
    position: relative;
    width: 780px;
}
.title {
    overflow: hidden;
    text-indent: 12px;
}
.title h1 {
    color: #333333;
    font-size: 18px;
    line-height: 26px;
}
.nub li {
    display: block;
    float: none;
    font-family: Arial;
    line-height: 28px;
    padding-left: 10px;
    width: auto;
}

.nubs li {
    display: block;
    float: left;
    font-family: Arial;
    line-height: 28px;
    padding-left: 10px;
    width: 490px;
}
.cxxx em {
    font-style: normal;
	
}
.cxxx .hl_red_bg {
    background:#ce0000;
    color: #ffffff;
    height: 13px;
    line-height: 13px;
    margin-right: 5px;
    padding: 1px 2px;
}
.cxxx .emBox {
    height: 19px;
    line-height: 0;
	margin-bottom:5px;
}
.storeinfo {
    float: left;
    position: relative;
    z-index:0;
	width:50%;
}
.storeinfos {
    float: left;
    position: relative;
    z-index:0;
	width:80%;
}
.storeinfo .at {
    cursor: pointer;
    display:block;
    height: 26px;
    line-height: 26px;
    margin-top: 4px;
    padding-left: 0;
    width: 150px;
	float:left;
}
.storeinfo .at_btn {
    background: url(../images/jiajian.png) #fff no-repeat 94% -20px;
   border: 1px solid #ddd ;
    cursor: pointer;
    display:block;
    height: 24px;
    line-height: 24px;
    padding:0px 20px;
    text-align:left;
}
.storeinfo .at_btn label {
    font-family: 宋体;
    height: 20px;
    line-height: 20px;
}

#paykey_new {
    background-color: #fffceb;
    border: 1px solid #ffe2a6;
    clear: both;
    color: #666666;
    display: block;
    height: auto;
    padding:10px;
}

.numb dd a {
    background-image: url(../images/icons.png);
    float: left;
    height: 30px;
    width: 22px;
	cursor: pointer;
}
.numb dd .minus {
    background-position: -85px 0;
}
.numb dd .plus {
    background-position: -85px -35px;
}
.numb dd .minus-disable {
    background-position: -110px 0;
}
.numb dd .plus-disable {
    background-position: -110px -35px;
}
.numb dd input {
    border: 1px solid #ddd;
    float: left;
    height: 18px;
    margin: 0 5px;
    padding: 5px;
    text-align: center;
    width: 20px;
}
.numb dd .tip {
    color: #333;
    float: left;
    line-height: 30px;
    margin-left: 10px;
}
.numb dd .tip em {
    color: #f60;
    font-family: Arial;
}
.in_report { 
   width:990px;
   float:right;
}
.in_report1 { 
   width:1002px;
}
.in_report .in_reporttab{ 
   border:1px solid #e7e7e7;  
   height:40px; 
   background:#fafafa;
}
.in_report1 .in_reporttab{ 
   border:none;
   border-bottom:1px solid #e7e7e7;    
}
.in_report .in_reporttab ul li{ 
   float:left; 
   font-size:15px; 
   line-height:40px; 
   color:#333; 
   cursor:pointer; 
   text-align:center;
   background:#fcfcfc;
   border-right:#eeeeee 1px solid;
   border-bottom:none;
   position:relative;
   padding:0px 40px;
}
.in_report .in_reporttab ul li:hover{ 
   color:#c5171e;
   background:#fff;
}
.in_report .in_reporttab ul li.hover01{ 
   background:#fff; 
   color:#c5171e;
   border-top:#c5171e 2px solid;
   border-bottom:none;
   line-height:39px;
   font-weight:bold;
}
.in_report .in_reportkg{
	border:#eeeeee 1px solid; 
	border-top:none;
}
.in_report .in_reportkg1{
	 border:none;
}
.in_report .in_reportkg .in_reportnr{ 
   display:none; 
   padding:20px;
   clear:both;
}
.pl { 
   width:100%;
}
.pl .tab{ 
   border-top:1px solid #e7e7e7;
   border-bottom:1px solid #e7e7e7;
   height:35px; 
   background:#fafafa;
}
.pl .tab ul li { 
   float:left; 
   font-size:13px; 
   line-height:35px; 
   color:#333; 
   cursor:pointer; 
   text-align:center;
   background:#fcfcfc;
   border-right:#eeeeee 1px solid;
   border-bottom:none;
   position:relative;
   padding:0px 40px;
}
.pl .tab ul li:hover{ 
   color:#c5171e;
   background:#fff;
}
.pl .tab ul li.hover01{ 
   background:#fff; 
   color:#c5171e;
   border-top:#c5171e 2px solid;
   border-bottom:none;
   line-height:34px;
   font-weight:bold;
}
.pl .tabkg{
	border:none;
}
.pl .tabkg .tabkgnr{ 
   display:none; 
   padding:20px 0px;
}
.i_comment{
   padding:0px 0px 10px 0px ;
}
.i_comment .rate {
    width: 190px;
	float: left;
    padding: 20px 0 0;
    text-align: center;
	border-right: 1px solid #e4e4e4;
    height: 80px;
}
.i_comment .rate strong {
    color: #e4393c;
    font: 400 46px/30px arial;
}
.i_comment .rate span {
    color: #999;
    font-family: arial;
}
.i_comment .rate strong span {
    color: #e4393c;
    font-size: 24px;
}
.i_comment .percent {
    border-right: 1px solid #e4e4e4;
    float: left;
    height: 74px;
    padding: 8px 20px;
    width:300px;
	height: 80px;
}
.i_comment .percent span {
    color: #9c9a9c;
}
.i_comment .percent dl {
    overflow: hidden;
    padding: 2px 0;
}
.i_comment .percent dt {
    float: left;
    width: 70px;
	margin-top:4px;
}
.i_comment .percent dd {
    background:#efefef;
    float: left;
    height: 12px;
    margin-top: 6px;
    overflow: hidden;
    width:100px;
    /*width:220px;*/
}
.i_comment .percent dd div {
    background-color: #ed0000;
    background-image: linear-gradient(to bottom, #ed0000 0px, #a50000 100%);
    height: 12px;
    overflow: hidden;
    width: 0;
}
.i_comment .actor {
    padding:10px 20px;
	float:left;
    height:60px;
    line-height: 15px;
    width:400px;
}
.i_comment .actor .btn {margin-top: 10px;}
.i_comment .actor .btn a,.btn a:visited {
    border: 1px solid #ffb84d;
    border-radius: 2px;
    height: 20px;
    line-height: 20px;
    width: 92px;
	text-align:center;
}
.i_comment .actor .btn a:hover {
    background-position: 0 -89px;
    color: #333;
    text-decoration: none;
}
.rv-spring {
    background: url(../images/icons.png) repeat 0 -67px;
    display: inline-block;
}
.rv_target_list {
    border-bottom: 1px solid #ddd;
    padding:10px 0px;
}
.rv_target_topic{
    padding-bottom: 10px;
}
.rv_target_topic .topic_avatar {
    width: 150px;
}
.rv_target_topic .topic_avatar .avatar {
    height: 60px;
    margin: 0 auto;
    position: relative;
    width: 60px;
}
.rv_target_topic .topic_avatar p.username {
    text-align: center;
	display:block;
}
.topic_avatar .avatar .back {
    border-radius: 30px;
}
.rv_target_topic .topic_main {
    width:780px;
}
.rv_target_topic .topic_main .topic_title {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    position: relative;
}
.topic_main p.body_content {
    line-height: 24px;
    word-break: break-all;
	margin-top:5px;
	display:block;
}

.topic_main  .body-info {
    padding: 10px 0;
}
 .body-info span.date {
    color: #999;
    margin-right: 5px;
}
.body-info a{
    background: #FFF;
    border: 1px solid #ddd;
    border-radius:5px;
    cursor: pointer;
    display: block;
    line-height: 20px;
    padding: 0 10px;
	float:right;
}
.body-info a:hover{
    text-decoration: none;
	background:#C30;
	color:#FFF;
}
.body-area {
    display: none;
}
.body-area textarea {
    border: 1px solid #ddd;
    margin-bottom: 8px;
    overflow: hidden;
    padding: 5px;
    width:768px;
	clear:both;
}
.body-area .info {
    color: #999;
}
.body-area .btn .submit, 
.body-area .btn .submit:visited {
    background:#F90;
    border: 1px solid #eb7f00;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    padding: 1px 13px;
}
.body-area .btn .submit:hover {
    text-decoration: none;
	background:#F30;
}
.body-area .btn .onerror {
    color: #ff0000;
    display: inline;
}
.rv-reply-item{
    padding:10px 0px;
}
.rv-reply-item:hover {
    background:#f8f8f8;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding:9px 0px;
}
.rv-reply-item .item-content {
    overflow: hidden;
    padding-left:150px;
    width:780px;
}

.rv-reply-item .item-content .content-from {
    color: #666;
	margin-right:5px;
}
.rv-reply-item .item-content .content-entry {
    word-break: break-all;
}

.rv-reply-item .item-content  span.date  {
    color: #999;
    margin-right: 5px;
	height:30px;
}
/*.rv-reply-item .item-content a{
    background:#fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    line-height:18px;
    padding: 0 10px;
	display:none;
}
.rv-reply-item .item-content  a:hover{
    text-decoration: none;
}*/


.detail_product {
    border: 1px solid #d6d6d6;
    overflow: hidden;
	display:block;
	border-bottom:none;
}
.detail_product li {
    float: left;
    height:31px;
    width:50%;
	
}
.detail_product_l {
    background:#f0eeee;
    border-bottom: 1px  #d6d6d6 solid;
    color: #6f6f6f;
    float: left;
    font-size: 14px;
    text-align: center;
    width:25%;
	height: 30px;
    line-height: 30px !important;
}
.detail_product_r {
    border-bottom:1px solid #d6d6d6;
    float: left;
    padding-left: 5%;
    width:70%;
	height: 30px;
    line-height: 30px !important;
}

.description {
    overflow: hidden;
    padding: 0 20px;
    width: 750px;
}



.preview{width:402px; height:465px; float:left;}
/* smallImg */
.smallImg{
	position:relative; 
    height:52px; 
	margin-top:1px; 
	background-color:#F1F0F0; 
	padding:6px 6px; 
	width:390px; 
	overflow:hidden;
	float:left;
}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/d_08.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_09.png) no-repeat; margin-left:375px; margin-top:-50px;}

#imageMenu {height:50px; width:360px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;}
/* bigImg */
.bigImg{position:relative; float:left; width:400px; height:400px; overflow:hidden;border: 1px solid #e3e3e3; }
.bigImg #midimg{width:400px; height:400px;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #e3e3e3; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}