﻿@charset "utf-8";

.brandBanner {border:1px solid #d4d4d4;padding:2px;width:944px;background:#e9e9e9;position:relative;z-index:0;}

.toolsBar{ position:relative;}
.toolsBar .title {border:1px solid #e9e9e9;background:url(../images/bgToolsBar.gif) 0 bottom repeat-x;height:30px; position:relative;}
.toolsBar .title .left {float:left;padding:5px;line-height:20px;}
.toolsBar .title .left li {float:left;}
.toolsBar .title .left li a {color:#d4507c;background:url(../images/icon3.gif) 0 6px no-repeat;padding-left:8px;margin-left:5px;display:block;}
.toolsBar .title .right{position:absolute; right:10px; top:5px; width:500px;text-align:right;}


/*
.toolsBar .title .right{ position:absolute; right:10px; top:0; z-index:500; width:210px;}
.toolsBar .title .right .clearFix{position:relative;}
.toolsBar .title .right li {width:100px;float:left;margin-right:5px; margin-top:5px;}
.toolsBar .title .right li ul {position:absolute;left:0;top:30px;width:175px;padding:5px 10px;color:#000; background:#F3C0B9;border:5px solid #ffdddd;border-top:none; filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}
.toolsBar .title .right li a.nav {display:block;background:#FFFCED;border:1px solid #e9e9e9;border-bottom:none;height:25px;line-height:25px;text-align:center;}
.toolsBar .title .right li a.navOn {background:#F6D1C8;border:5px solid #ffdddd; border-bottom:none; height:20px; line-height:17px; }
.toolsBar .title .right li ul li {width:165px;line-height:20px;height:20px;overflow:hidden;vertical-align:middle;}
.toolsBar .title .right li ul li label {display:block;vertical-align:middle;}

.toolsBar .youChoose {height:20px;line-height:20px;}
.toolsBar .youChoose dt,
.toolsBar .youChoose dd,
.toolsBar .youChoose dd a,
.toolsBar .youChoose dd ul,
.toolsBar .youChoose dd ul li{ float:left; color:#666666;}
.toolsBar .youChoose {background:#fffced;border:1px solid #f9efd3;border-top:none;padding:5px;}
.toolsBar .youChoose dd ul li {font-weight:bold;color:#505050;padding-left:8px;margin-left:2px;background:url(../images/icon4.gif) 0 6px no-repeat;}
.toolsBar .youChoose dd ul li.first {background:none;margin-left:0;padding-left:0;}
.toolsBar .youChoose dd a {color:#d4507c;margin-left:10px;  }
.toolsBar .youChoose dd a:hover {color:#a81f4d;}
.toolsBar .youChoose input{ float:left;}
.toolsBar .youChoose div{ float:left; margin-left:10px;}
*/

/*eventIcon--------------------------------------------------------------------------------*/
.productList .product .item .pic a span.event20101111{ width:60px; height:60px; 
background-position:0 0;
background-repeat:no-repeat;
background-image: url(../images/eventIcon/20101111jxhg.gif) ;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/eventIcon/20101111jxhg.gif'); /* IE6 */}
.productList .product .item .pic a span.event20110321{ width:54px; height:54px; 
background-position:0 0;
background-repeat:no-repeat;
background-image: url(../images/eventIcon/20110321.png) ;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/eventIcon/20110321.png'); /* IE6 */}


/*productList*/
.productList {overflow:hidden;width:964px;margin:0 0 14px -14px;}
.productList .noPro {width:320px;height:46px;line-height:46px;background:#fffced;border:1px solid #f9efd3;margin:30px auto;}
.productList .noPro p {height:46px;line-height:46px;background:url(../images/icon16.gif) 15px 15px no-repeat;padding-left:40px;}
.productList .noPro p a {color:#d4507c;}
.productList .noPro p a:hover {color:#91463e;}
.productList .product .item {margin:14px 0 0 14px;width:219px;height:395px;overflow:hidden;border:1px solid #d4d4d4;padding:3px;float:left;display:inline;background:#e9e9e9;}
.productList .product .first{ margin-right:0;}
.productList .product .item .pic	{width:219px;height:292px; position:relative;}
.productList .product .item .pic a 	{display:block;width:219px;height:292px;}
.productList .product .item .pic a span 	{display:block; position:absolute; top:0; right:0;}
.main .productList .product .salesNull .pic a span { display:block;width:56px; height:56px; background:url(../images/iconNull.gif)!important;}
.productList .product .item .pic img {width:219px;height:292px;display:inline;}
.productList .product .item .info {padding:10px 0 5px 0;}
.productList .product .item .info h3 {font-size:14px;text-indent:8px;font-weight:normal;height:22px;line-height:22px;overflow:hidden;}
.productList .product .item .info h4 {color:#f15487;font-weight:normal;font-size:14px;text-indent:8px;height:22px;line-height:22px;overflow:hidden;}
.productList .product .item .info h4 em {font-size:16px;font-weight:bold;}
.productList .product .item .info del {font-size:12px;text-indent:8px;display:block;color:#999;height:20px;line-height:20px;overflow:hidden;}
.productList .product .item a.more {margin-left:8px;padding-left:15px;height:22px;line-height:22px;background:url(../images/icon2.gif) 0 5px no-repeat;display:inline-block;color:#b5746d;}
.productList .product .item a.more:hover {color:#dba19b;}
.productList .product .item a.addCart {display:inline-block;width:90px;height:22px;line-height:22px;background:url(../images/btnGetCart.gif) 0 0 no-repeat;cursor:pointer;text-indent:22px;color:#bf4230;margin-left:50px;}

.productList .product .saleMS .item .pic a { position:relative;}

.productList .product .saleMS .item .pic a span.iconMS {position:absolute;background:url(../images/iconMS.gif) 0 0 no-repeat;display:block;left:0;top:0;width:70px;height:52px;}
.productList .product .saleMS .item .pic a strong { position:absolute;z-index:10;bottom:10px;left:0;background:#000;display:block;height:20px;line-height:20px;font-weight:normal;width:219px;color:#ffffff;text-align:center;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}
.productList .product .saleMS .item .pic a strong label {position:relative;color:#fff;}
.productListB {overflow:hidden;width:960px;margin-left:-10px;}
.productListB .product .item {margin:0 0 4px 10px;width:142px;height:270px;overflow:hidden;border:1px solid #d4d4d4;padding:3px;float:left;display:inline;background:#e9e9e9; position:relative;}
.productListB .product .first{ margin-right:0;}
.productListB .product .item .pic	{width:142px;height:190px;}
.productListB .product .item .pic a 	{display:block;width:142px;height:190px;}
.productListB .product .item .pic img {width:142px;height:190px;display:inline;}
.productListB .product .item .info {padding:3px 0 3px 3px;}
.productListB .product .item .info h3 {font-size:12px;font-weight:normal;height:18px;line-height:18px;overflow:hidden;color:#666;}
.productListB .product .item .info h4 {color:#f15487;font-weight:normal;font-size:12px;height:18px;line-height:18px;overflow:hidden;}
.productListB .product .item .info h4 em {font-size:12px;font-weight:bold;}
.productListB .product .item .info del {font-size:12px;display:block;color:#bbb;height:16px;line-height:16px;overflow:hidden;}
.productListB .product .item a.more {margin-left:3px;}
.productListB .product .item a.addCart{margin-left:10px;padding-left:15px;height:22px;line-height:22px;color:#f15487;background:url(../images/icon2.gif) 0 3px no-repeat; _background-position:0 1px;}




/*proPicture*/
.proPicture{ border:1px solid #ccc; position:relative; width:308px;/*ResetWidth*/}
.proPicture .bigPic{ width:300px; height:400px; margin:4px; }
.proPicture .bigPic img{ width:300px; height:400px; background:#f1f1f1;}
.proPicture .smallPic {margin-bottom:5px; padding:0 2px;}
.proPicture .smallPic a{ float:left; display:inline; margin-left:4px; width:54px; height:72px; overflow:hidden; border:1px solid #ccc; }
.proPicture .smallPic a:hover,
.proPicture .smallPic a.now{ border-color:#b06161;}
.proPicture .smallPic a img{ width:54px; height:72px;}
.proPicture .mouse{ position:absolute; left:112px; top:375px; height:25px; line-height:25px; width:80px; text-indent:25px; background:#ccc; cursor:pointer;}
/*proControl*/
.proControl { padding:0 10px; width:410px;/*ResetWidth*/}
.proControl h2{ text-align:center; font-size:16px; color:#666; line-height:2em;}
.proControl h3{ text-align:center; font-size:12px; color:#B50708; line-height:2em;}
.proControl em{ font-size:18px;}
.proControl del{ color:#ccc;}
.proControl strong{ display:block; text-align:center; font-weight:normal;}
.proControl .price{ padding:15px; margin:10px 0; border:1px solid #ddd; text-align:center;}
.proControl .info { padding:30px 15px 15px 15px; margin:10px 0; border:1px solid #f9efd3;background:#fffced;height:214px;overflow:hidden;position:relative;z-index:0; }
.proControl .info:hover {border-color:#ffe290;}
.proControl .btnAddCart{ width:180px; height:40px; background:url(../images/btnAddCart.gif) 0 0 no-repeat; margin:15px auto 0 auto; display:block; cursor:pointer;}
.proControl .btnAddCartOn{background:url(../images/btnAddCart.gif) 0 -40px no-repeat;}
.proControl .btnNoneCart {width:180px; height:40px; background:url(../images/btnAddCart.gif) 0 -80px no-repeat; margin:15px auto 0 auto; display:block; cursor:pointer;}
.proControl .btnQD {width:180px; height:40px; background:url(../images/btnAddCart.gif) 0 -120px no-repeat; margin:15px auto 0 auto; display:block; cursor:pointer;}
.proControl .btnOVER {width:180px; height:40px; background:url(../images/btnAddCart.gif) 0 -160px no-repeat; margin:15px auto 0 auto; display:block; cursor:pointer;}
.proControl .btnReplace {width:180px; height:40px; background:url(../images/btnAddCart.gif) 0 -200px no-repeat; margin:15px auto 0 auto; display:block; cursor:pointer;}
.proControl .btnZengsong {width:180px; height:40px; background:url(../images/btnAddCart.gif) 0 -240px no-repeat; margin:15px auto 0 auto; display:block; cursor:pointer;}
.proControl .info a.btn {background-image:url(../images/btnA.gif);background-repeat:no-repeat;display:block;width:50px;height:16px;position:absolute;}
.proControl .info a.prew {padding-left:22px;position:absolute;left:10px;bottom:10px;}
.proControl .info a.next {padding-right:22px; background-position:right -16px;text-align:right;position:absolute;right:10px;bottom:10px;}
.proControl .info a.from {position:absolute;right:10px;top:10px;background:url(../images/icon8.gif) right 7px no-repeat;display:block;height:20px;line-height:20px;width:70px;overflow:hidden;padding-right:10px;text-align:right;color:#b06161;}
.proControl .info a.from:hover {color:#cd9494;}
.proControl .info .chooseBar {padding-bottom:8px;height:146px;overflow:hidden;}
.proControl .info .chooseBar dl {margin-bottom:10px;}
.proControl .info .chooseBar dl dt,
.proControl .info .chooseBar dl dd {float:left;}
.proControl .info .chooseBar dl dt {width:45px;line-height:22px;color:#777;overflow:hidden;text-align:right;}
.proControl .info .chooseBar dl dd {width:330px;overflow:hidden;}
.proControl .tools strong {display:block;text-align:left;margin-bottom:5px;}
.proControl .tools ul {width:300px;}
.proControl .tools ul li {float:left;margin:0 5px 5px 0;}
/*proInfo*/
.proInfo{overflow:hidden;}
.proInfo .category .conBody ul li{display:block; height:18px;line-height:18px;}
.proInfo .category .conBody ul li.clear{display:none;}
.proInfo .category .conBody ul li a{ line-height:1.8em;margin-left:8px; display:block;}
/*inviteFriend*/
.inviteFriend a{ display:block;background:url(../images/btnInviteFriend.gif) no-repeat;height:39px; line-height:39px; text-indent:-9999em;}
.inviteFriend a:hover{ background-position:0 -39px;}
/*productBigPic*/
.proMoreInfo {border:1px solid #e9e9e9;background:url(../images/bgToolsBar.gif) 0 bottom repeat-x;height:30px;line-height:30px;padding-left:5px;width:943px;}
.productBigPic{ padding:0 5px;}
.productBigPic img{ width:450px; margin:9px; float:left; display:inline; border:1px solid #f1f1f1; background:#f1f1f1;}

ul.choose {height:105px;overflow:hidden;position:relative; }
ul.choose li {display:inline-block;float:left;white-space:nowrap;height:22px;line-height:22px;margin:0px 5px 5px 0;position:relative;} 

ul.choose li a {padding:0 8px;height:20px;line-height:20px;text-align:center;background:url(../images/bgChoose.gif) 0 0 repeat-x #ffffff;border:1px solid #ffbf74;color:#f88f13;overflow:hidden;display:inline-block;*display:inline;_display:inline-block;}
ul.choose li sub {position:absolute;bottom:1px;right:0px;background:url(../images/icon5.gif) 0 0 no-repeat;width:11px;height:11px;overflow:hidden;display:none;}
ul.choose li a:hover{border:1px solid #bf6a5e;color:#bf6a5e;}
ul.choose li a.now {border:1px solid #bf6a5e;color:#bf6a5e;}
ul.choose li a.now sub,
ul.choose li a.now:hover sub {display:block;}
ul.choose li a.none,
ul.choose li a.none:hover {border:1px solid #cccccc;color:#cccccc;}
ul.choose li a img {width:30px;height:30px;}
ul.choose li strong {margin:0 0 0 5px;color:#b8a851;font-weight:normal;}

.chooseNum {position:relative;background:#ffa740;height:22px;width:46px;overflow:hidden;}
.chooseNum input {position:absolute;overflow:hidden;}
.chooseNum input.show {background:url(../images/bgChoose.gif) 0 0 repeat-x #fff;width:30px;height:16px;line-height:16px;padding:2px 0;top:1px;left:1px;text-align:center;color:#bf6a5e;}
.chooseNum input.add {cursor:pointer;background:url(../images/icon7.gif) 0 0 no-repeat;width:13px;height:9px;left:32px;top:1px;}
.chooseNum input.add:hover {background:url(../images/icon7.gif) -13px 0 no-repeat;}
.chooseNum input.minus {cursor:pointer;background:url(../images/icon7.gif) 0 -10px no-repeat;width:13px;height:9px;left:32px;top:12px;}
.chooseNum input.minus:hover {background:url(../images/icon7.gif) -13px -10px no-repeat;}








/*编辑器中的样式*/
.tempSampleSize{ font-size:16px; font-weidht:bold; color:#B82F69; line-height:2em;}
