@charset "utf-8";
body{height:100%; background:#888 url(../images/bgBody.gif) repeat-x; color:#b9b9b9; font-size:12px; font-family:"微软雅黑", Verdana, Arial, Helvetica, sans-serif;text-align:center;}



/*flexcroll*/
.flexcroll {overflow:auto;position:relative;margin:0px auto;padding:5px;}
.scrollgeneric {line-height:1px;font-size:1px;position:absolute;top:0;left:0;}
.vscrollerbar {width:16px;background:#EDEDED url(../images/scrollbar.png) repeat-y -16px 0px;}
.vscrollerbarbeg {height:24px !important;width:16px;background:transparent url(../images/scrollbar.png) no-repeat -48px -32px;}
.vscrollerbarend {height:24px;width:16px;background:transparent url(../images/scrollbar.png) no-repeat -48px 0px;}
.vscrollerbase {width:16px;background:#CBC9CA url(../images/scrollbar.png) repeat-y 0px 0px;}
.vscrollerbasebeg {width:16px;height:24px !important; /*Again, the safari fix, normally this line is not needed.*/background:transparent url(../images/scrollbar.png) no-repeat -32px -30px;}
.vscrollerbaseend {height:24px;width:16px;background:transparent url(../images/scrollbar.png) no-repeat -32px -4px;}
.hscrollerbase {height:16px; background-color:#fff;}
.hscrollerbar {	height:16px; background-color:#000;}
.vscrollerbar, .hscrollerbar {padding:28px;z-index:2;}
.scrollerjogbox {width:16px;height:16px;top:auto; left:auto;bottom:0px; right:0px;background:#37917A;}

/*popup*/
.popup{ display:none;}

.popup{ background:url(../images/bg1.gif); color:#fff; padding:15px; position:relative;}
.popup .popupTitle{ margin:0; padding:0 10px 5px 10px; font-size:14px; color:#D2D2D2;}
.popup .popupData{overflow:hidden;padding:10px; background:#C5C2BE; color:#333; border:1px solid #505050;}
.popup a.simplemodal-close{ position:absolute; right:0; bottom:0; width:25px; height:25px; background:#191718; font-size:18px; font-family:Verdana; line-height:25px; text-align:center; cursor:pointer; color:#fff;}

#osx-overlay {background-color:#000; cursor:wait;}
#osx-container {background:url(../images/bg1.gif); }


/*clearFix clear*/
.clearFix:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.clearFix {zoom:1;} 
.clear{clear:both;}
.center{ text-align:center;}
.left{ text-align:left;}
.right{ text-align:right;}

/*float*/
.hide		{display:none;}
.floatr		{float:right;}
.floatl		{float:left;}
.floatrImg	{float:right; clear:right; margin:0 0 10px 10px; }
.floatlImg	{float:left;  clear:left;  margin:0 10px 10px 0; }

/*link*/
a			{text-decoration:none;cursor:pointer;}
a:link 		{color:#aaa;} 
a:visited	{color:#aaa;}
a:active	{color:#d1bc9f;star:expression(this.onFocus=this.blur()); }
a:hover		{color:#d1bc9f;}

.tCenter	{ text-align:center;}
.tLeft		{ text-align:left;}
.tRight		{ text-align:right;}


/*h1-h6*/
h1,h2,h3,h4,h5,h6{font-weight:bold; font-size:100%; }
/*h1{font-size:160%; }
h2{font-size:150%; }
h3{font-size:140%; }
h4{font-size:130%; }
h5{font-size:120%; }
h6{font-size:110%; }*/

/*width*/
.w10	{ width:10px; }				.wb5	{ width:5%; }
.w20	{ width:20px; }				.wb10	{ width:10%;}
.w30	{ width:30px; }				.wb15	{ width:15%;}
.w40	{ width:40px; }				.wb20	{ width:20%;}
.w50	{ width:50px; }				.wb25	{ width:25%;}
.w60	{ width:60px; }				.wb30	{ width:30%;}
.w70	{ width:70px; }				.wb35	{ width:35%;}
.w80	{ width:80px; }				.wb40	{ width:40%;}
.w90	{ width:90px; }				.wb45	{ width:45%;}
.w100	{ width:100px;}				.wb50	{ width:50%;}
.w110	{ width:110px;}				.wb55	{ width:55%;}
.w120	{ width:120px;}				.wb60	{ width:60%;}
.w130	{ width:130px;}				.wb65	{ width:65%;}
.w140	{ width:140px;}				.wb70	{ width:70%;}
.w150	{ width:150px;}				.wb75	{ width:75%;}
.w160	{ width:160px;}				.wb80	{ width:80%;}
.w170	{ width:170px;}				.wb85	{ width:85%;}
.w180	{ width:180px;}				.wb90	{ width:90%;}
.w190	{ width:190px;}				.wb95	{ width:95%;}
.w200	{ width:200px;}				.wb98	{ width:98%;}
.w230	{ width:230px;}	            .wb100	{ width:100%;}
.w250	{ width:250px;}
.w300	{ width:300px;}

/*-ul-ol-*/
.ul li, .ol li		{line-height:20px; }
.ul					{list-style:outside; padding:0 0 0 25px;}
.ul li				{list-style-type:square;}
.ul li li			{list-style-type:disc;}
.ul li li li		{list-style-type:circle;}
.ol					{list-style:outside; padding:0 0 0 25px;}
.ol li				{list-style-type:decimal ;}
.ol li li			{list-style-type:lower-latin; }
.ol li li li		{list-style-type:decimal-leading-zero;}

/*color*/
a.C1{ color:#fff;}
a.C2{ color:#D1BC9F;}


/*table*/
.table td { padding:5px; text-align:left; overflow:hidden;}
.table thead tr {background:#666666;}
.table thead tr td {color:#ffffff;}
.table tbody tr {background:#404040;}
.table tbody tr td {color:#dbdbdb;}
.table tbody tr:hover {background:#454545;}
.table tbody tr:hover td {color:#ffffff;}

/*fieldset*/
table fieldset {margin:15px 0;}
fieldset div {line-height:1.8em;}
fieldset div span.title {display:inline-block;text-align:right;}
fieldset div strong.important {color:#498baf;font-weight:normal;margin:0 0 0 5px;}
fieldset div strong.important2{color:#f5dc66;font-weight:normal;margin:0 0 0 5px;}
fieldset div span.title strong.important {margin:0;}
fieldset div.sex label {margin:0 15px 0 5px;}
fieldset div.bottomBtn {padding:8px 0;}
fieldset div a.checkCode {position:relative;height:20px;line-height:20px;display:inline-block;margin:0 0 10px 0;}
fieldset div a.checkCode span {position:absolute;left:55px;top:0;width:100px;height:20px;overflow:hidden;}

fieldset.LHA div { line-height:20px;}
fieldset.LHB div { line-height:30px;}
fieldset.LHC div { line-height:40px;}

/*line*/
.lineA {background:url(../images/lineA.gif) repeat-x bottom;}
.lineB {background:url(../images/lineB.gif) repeat-x bottom;}
.lineC {background:url(../images/lineC.gif) repeat-x bottom;}

/*input*/
.input 	{background:url(../images/inputBG.gif) 0 0 repeat-x #e9e8e8;height:18px;line-height:18px;padding:0 2px;border:1px solid #bdbdbd;}
textarea.input{background:#DFDFDF; height:auto; line-height:18px;padding:0 3px;border:1px solid #ffffff;}
.inputOn {background:#fffbee;border:1px solid #fdc502;}
.inputErr {background:#fff3e6;border:1px solid #fd8402;}
.btnA1,
.btnA2,
.btnA3,
.btnA4,
.btnA5 {background-color:transparent;background-image:url(../images/btnA.gif);background-repeat:no-repeat;cursor:pointer;text-align:center;height:25px;line-height:25px;color:#333333;font-size:12px;}

.btnB1,
.btnB2,
.btnB3,
.btnB4 {background-color:transparent;background-image:url(../images/btnB.gif);background-repeat:no-repeat;cursor:pointer;text-align:center;height:28px;line-height:20px;color:#bababa;font-size:13px;}

.btnC1,
.btnC2,
.btnC3,
.btnC4,
.btnC5 {background-color:transparent;background-image:url(../images/btnC.gif);background-repeat:no-repeat;cursor:pointer;text-align:center;height:25px;line-height:25px;color:#dfd8d2;font-size:12px;}

.btnA1 {background-position:0 0;width:75px;}
.btnA1:hover {background-position:0 -25px;}
.btnA2 {background-position:0 -50px;width:95px;}
.btnA2:hover {background-position:0 -75px;}
.btnA3 {background-position:0 -100px;width:115px;}
.btnA3:hover {background-position:0 -125px;}
.btnA4 {background-position:0 -150px;width:135px;}
.btnA4:hover {background-position:0 -175px;}
.btnA5 {background-position:0 -200px;width:63px;}
.btnA5:hover {background-position:0 -225px;}

.btnB1 {background-position:0 0;width:90px;}
.btnB1:hover {background-position:0 -28px;}
.btnB2 {background-position:0 -56px;width:110px;}
.btnB2:hover {background-position:0 -84px;}
.btnB3 {background-position:0 -112px;width:130px;}
.btnB3:hover {background-position:0 -140px;}
.btnB4 {background-position:0 -168px;width:150px;}
.btnB4:hover {background-position:0 -196px;}

.btnC1 {background-position:0 0;width:75px;}
.btnC1:hover {background-position:0 -25px;}
.btnC2 {background-position:0 -50px;width:95px;}
.btnC2:hover {background-position:0 -75px;}
.btnC3 {background-position:0 -100px;width:115px;}
.btnC3:hover {background-position:0 -125px;}
.btnC4 {background-position:0 -150px;width:135px;}
.btnC4:hover {background-position:0 -175px;}
.btnC5 {background-position:0 -200px;width:63px;}
.btnC5:hover {background-position:0 -225px;}

/*--------------------------------------------------------------------------------------------------------*/
/*header*/
.header{ position:relative; z-index:999;}
.header .main{ height:138px; background:url(../images/bgHeader.jpg) no-repeat;}

.header .logo{ position:absolute; width:420px; height:60px; left:0; top:30px;}
.header .logo a{ display:block; width:220px; height:60px; text-indent:-9999em;background:url(../images/logo.gif) no-repeat;}

.header .quickLink{ position:absolute; width:380px; height:30px; right:40px; top:0; overflow:hidden;}
.header .quickLink ul li{ float:left; margin:0 10px; }
.header .quickLink ul li a{ line-height:30px; display:block;}

.header .shoppingCart{ position:absolute; height:50px; width:400px; bottom:47px; right:50px; overflow:hidden;}
.header .shoppingCart ul{ float:right;}
.header .shoppingCart ul li{ float:left; display:inline; margin:5px; width:35px; height:45px; }
.header .shoppingCart ul li.number{ line-height:52px; text-align:center; background:none; color:#fff;}
.header .shoppingCart ul li.number strong{ font-size:30px; font-weight:normal;}
.header .shoppingCart ul li.checkOut{ background:none;}
.header .shoppingCart ul li.checkOut input{ width:40px; height:44px; display:block; text-indent:-9999em; background:url(../images/icon1.gif) no-repeat 5px 0; cursor:pointer;}
.header .shoppingCart ul li img {width:35px;height:45px;}





/*homePage*/
.homePage{width:960px; margin:50px auto 0 auto; overflow:hidden;}
.homePage .main{ width:960px;}
.homePage .main .left {float:left;width:700px;overflow:hidden;}
.homePage .main .left div.pic {float:left;display:block;margin:0 10px 10px 0;position:relative;}
.homePage .main .left div.pic .info {position:absolute;bottom:10px;left:0;height:24px;line-height:24px;width:100%;overflow:hidden;background:#000;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;z-index:9; cursor:pointer;}
.homePage .main .left div.pic .info:hover{ color:#fcec95;}
.homePage .main .left div.pic .info strong {float:left;padding:0 0 0 10px;color:#fcec95;}
.homePage .main .left div.pic .info em {float:right;padding:0 10px 0 0;}
.homePage .main .right {float:right;width:260px;overflow:hidden;}
.homePage .main .right div.con { margin-bottom:10px;}


.coda-slider-wrapper{ width:260px; height:245px; position:relative; overflow:hidden;}
.coda-slider, .coda-slider .panel { width:260px; } 
.coda-slider p.loading { text-align: center }
.coda-nav ul { display: none;}
.coda-slider .panel { display: block;float: left }
.coda-nav-left	{ position:absolute;left:10px;top:20px;z-index:9;cursor:pointer; }
.coda-nav-right	{ position:absolute;right:10px;top:20px;z-index:9;cursor:pointer;}
.coda-nav-left a{width:20px;height:20px;display: block;text-indent:-999em;
					background-image: url(../images/iconLeft.png)!important;/* FF IE7 safari */
					background-repeat: no-repeat;
					_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/iconLeft.png'); /* IE6 */
					_background-image: none; /* IE6 */}
.coda-nav-right a { width:20px;height:20px;display: block;text-indent:-999em;
					background-image: url(../images/iconRight.png)!important;/* FF IE7 safari */
					background-repeat: no-repeat;
					_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/iconRight.png'); /* IE6 */
					_background-image: none; /* IE6 */}



/*brandOnline*/
.brandOnline{ padding-bottom:20px; width:100%; display:none;}
.brandOnline h2 {background:url(../images/brandTopbg.gif) 0 0 repeat-x;height:28px;}
.brandOnline h2 span{background:url(../images/brandTop.gif) 0 0 no-repeat;width:141px;height:28px;overflow:hidden;display:block;margin-left:15px;text-indent:-999em;}
.brandOnline .conBody {background:#444343;padding:20px 25px 20px 25px;}
.brandOnline .conBody ul li {float:left;width:150px;height:25px;line-height:25px;}
.brandOnline .conBody ul li a {color:#fceea0;display:block;}
.brandOnline .conBody ul li a:hover {color:#fffce9;}


/*slideShow*/
#photos{height:650px;position:absolute;left:75px;top:0;}
.slideShow ul li{float:left;width:650px;height:360px;display:block;overflow:hidden;position:relative;}
.slideShow ul li img{position:absolute;left:70px;top:30px;width:280px;height:360px;}
.slideShow ul li h1{position:absolute;left:0;top:0;font-size:16px;text-align:center;width:100%;font-family:"微软雅黑";}
.slideShow ul li div{position:absolute;left:380px;top:100px; }
.slideShow ul li div strong{font-size:20px;color:#D2D2D2;display:block;width:250px;text-align:right;float:left;clear:left;font-weight:normal;font-family:"微软雅黑";}
.slideShow ul li div span{color:#767475;display:block;width:250px;text-align:right;float:left;clear:left; font-size:14px; text-decoration:line-through;font-family:"微软雅黑";}
.slideShow ul li div input{margin:10px 0 0 15px;}


/*brandBanner*/
.brandBanner {margin-top:10px;background:#464646;border:1px solid #363636;padding:3px;width:942px;}
.brandBanner .brandPic {float:left;background:#171516;width:590px;height:213px;overflow:hidden;}
.brandBanner .brandPic img {width:590px;height:213px;}
.brandBanner .brandInfo {float:left;background:#666666;width:322px;height:213px;padding:0 15px;overflow:hidden;}
.brandBanner .brandInfo strong{ margin-top:25px; display:block;}
.brandBanner .brandInfo .brandLogo {height:53px;position:relative;overflow:hidden;}
.brandBanner .brandInfo .brandLogo img {position:absolute;bottom:0;left:0;}
.brandBanner .brandInfo .brandLogo span {position:absolute;bottom:0;right:0;font-weight:normal;color:#f0f0f0;}
.brandBanner .brandInfo .brandTxt {font-weight:normal;line-height:20px;color:#dbdbdb;margin:20px 0 0 0;height:100px;overflow:hidden;}
.brandBanner .brandInfo .brandTxt a {padding-left:5px;color:#ffffff;}
.brandBanner .brandInfo .brandTxt a:hover {color:#dbdbdb;}
.brandBanner .brandInfo a.link{ height:22px; line-height:22px; border:1px solid #9DA5B9; padding:0 3px; margin:3px 3px 3px 0; display:inline-block; background:#54565c; color:#9DA5B9}
.brandBanner .brandInfo a.link:hover {color:#c1cbe4;border:1px solid #c1cbe4;}
* html .brandBanner .brandInfo a.link{ display:inline-block; float:none; margin:3px 0;}

.brandBanner .brandInfo{}
.brandBanner .brandInfo .flexcroll{ width:310px; height:120px; overflow:hidden;padding:0;}
.brandBanner .brandInfo .flexcroll p{ line-height:20px;}

/*brandBanner*/
.brandBanner2 {margin-top:20px;}
.brandBanner2 em {line-height:24px;height:24px;color:#ffffff;}
.brandBanner2 strong {line-height:24px;height:24px;color:#ffffff;}
.brandBanner2 h3 {color:#fff;font-family:"微软雅黑";font-size:14px;line-height:26px;}
.brandBanner2 .banner {background:#5A5A5A;border:1px solid #474747;padding:4px;width:940px;}
.brandBanner2 .info {padding:10px 5px;}
.brandBanner2 .info p {color:#ddd;}
.brandBanner2 ul.ul li {color:#ddd;}




/*showType*/
.showType {margin-top:10px;background:url(../images/showTypeBG.gif) 0 0 repeat-x;height:40px;line-height:40px; position:relative;}
.showType .left {float:left;margin:0 0 0 15px;}
.showType .left li {float:left; margin-right:10px;}
.showType .left li a{background-image:url(../images/icon11.gif); background-repeat:no-repeat;padding-left:15px; color:#ccc;}
.showType .left li a.a1{ background-position:0 1px;}
.showType .left li a.a1:hover,
.showType .left li.now a.a1{ background-position:0 -19px; color:#efefef;}
.showType .left li a.a2{ background-position:0 -39px;}
.showType .left li a.a2:hover,
.showType .left li.now a.a2{ background-position:0 -59px; color:#efefef;}
/*select*/
.uboxstyle1{ text-align:right; padding-top:3px;}
.uboxstyle1 select{ margin-right:18px;}
/*.uboxstyle{ position:absolute;}
.uboxstyle .select_box{width:100px;height:24px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.uboxstyle div.tag_select{display:block;color:#b5a697;width:80px;height:24px;background:transparent url("../images/ubox-select.gif") no-repeat 0 0;padding:0 10px;line-height:24px;}
.uboxstyle div.tag_select_hover{display:block;color:#b5a697;width:80px;height:24px;background:transparent url("../images/ubox-select.gif") no-repeat 0 -24px;padding:0 10px;line-height:24px;}
.uboxstyle div.tag_select_open{display:block;color:#b5a697;width:80px;height:24px;background:transparent url("../images/ubox-select.gif") no-repeat 0 -48px;padding:0 10px;line-height:24px;}
.uboxstyle ul.tag_options{position:absolute;padding:0;margin:0;list-style:none;background:transparent url("../images/ubox-select.gif") no-repeat right bottom;width:100px;padding:0 0 5px;margin:0;}
.uboxstyle ul.tag_options li{background:transparent url("../images/ubox-select.gif") repeat-y -100px 0;display:block;width:80px;padding:0 10px;height:24px;text-decoration:none;line-height:24px;color:#b5a697;}
.uboxstyle ul.tag_options li.open_hover{background:transparent url("../images/ubox-select.gif") no-repeat 0 -72px;color:#b5a697}
.uboxstyle ul.tag_options li.open_selected{background:transparent url("../images/ubox-select.gif") no-repeat 0 -96px;color:#b5a697}
*/



/*product list*/
.list {padding:0 1px;width:948px; position:relative;}
.list h3 {text-indent:5px;color:#fff;font-family:"微软雅黑";font-size:14px;line-height:26px;margin-top:10px;}
.list .product{width:280px;height:465px;position:relative;margin:14px;float:left;display:inline;background:#6c6c6c;padding:3px;border:1px solid #585757;}
.list .product .pic a {position:absolute;width:280px;height:360px;display:block;z-index:9; top:3px; left:3px;}
.list .sa .pic a{background:#010101;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.list .sa .pic sub {position:absolute;z-index:9;background:url(../images/null.gif) no-repeat 0 0;display:block;width:89px;height:93px;top:-5px;right:-5px;}
.list .sb .pic a{background:#000;filter:alpha(opacity=00);-moz-opacity:0.0;-khtml-opacity: 0.0;opacity: 0.0;}
.list .sb .pic sub {display:none;}

.list .product .display {display:none;}
.list .product .pic img{width:280px;height:360px; display:block;}
.list .product .info{ height:90px;padding:6px;position:relative;overflow:hidden;}
.list .product .info h3{ font-size:16px;line-height:22px;padding:3px 0 7px 0;color:#fefbf4;font-family:Verdana, Geneva, sans-serif;height:1.5em;overflow:hidden;text-indent:0;}
.list .product .info h5{ font-size:16px;line-height:20px;font-weight:normal;font-family:Verdana, Geneva, sans-serif;color:#fefbf4;padding:0 0 3px 0;}
.list .product .info h5 em {color:#fefbf4;font-size:16px;}
.list .product .info h5 em sup {font-size:12px;vertical-align:super;line-height:0;}
.list .product .info h6{ font-size:12px;line-height:20px;margin:0;color:#cccccc;font-weight:normal;}
.list .product .info h6 em {font-size:12px;}
.list .product .info h6 em sup {font-size:11px;vertical-align:super;line-height:0;}
.list .product .info input{position:absolute;right:2px;bottom:2px;}

.list .double .display {display:block;}
.list .double .info h3 {font-size:14px;line-height:18px;padding:0;}
.list .double .info h3.lineA {margin:5px 0 0 0;padding:5px 0 0 0;background-position:top;}
.list .double .info h5 {float:left;margin-right:3px;line-height:16px;font-size:12px;padding:0;}
.list .double .info h5 em {font-size:14px;}
.list .double .info h5 em sup {font-size:11px;vertical-align:super;}
.list .double .info h6 {float:left;line-height:16px;font-size:12px;}
.list .double .info h6 em {font-size:12px;}
.list .double .info h6 em sup {font-size:11px;}
.list .double .info span.lineA {display:block;height:2px;overflow:hidden;}

.list ul li {width:280px;height:360px;overflow:hidden;margin:14px;float:left;position:relative;display:inline;background:#5A5A5A;border:1px solid #474747;padding:3px;}

/*webTools*/
.webTools{text-align:right;height:16px;overflow:hidden; margin-top:10px;padding-top:10px;background:url(../images/lineA.gif) 0 0 repeat-x;}
.webTools a{background-image:url(../images/icon7.gif);color:#ccc;background-repeat:no-repeat;text-indent:25px;height:16px;line-height:16px;display:inline-block;margin-left:10px;overflow:hidden;}
.webTools a:hover {color:#fff;}
.webTools a.kaixin {background-position:0 0;}
.webTools a.sina {background-position:0 -30px;}
.webTools a.from {background:none;float:left;text-indent:5px;}

/*footer*/
.footer {background:#000;padding-bottom:20px;margin-top:10px;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6; }
.footer a{color:#ccc;}
.footer a:hover{color:#fff;}
.footer .menu {padding:8px 0 0 0;}
.footer .menu .left{float:left; margin:10px 0 5px 0;height:16px;line-height:16px;}
.footer .menu .left li{float:left;}
.footer .menu .left li a{padding-right:15px; }
.footer .menu .right{float:right; margin:10px  0 5px 0;height:16px;line-height:16px;}
.footer .menu .right li{ float:left;}
.footer .menu .right li a{ padding-left:15px; }
.footer .copyright {color:#777;text-align:right;}
.footer .pingpinganan{ position:absolute; left:0; top:30px; width:67px; height:30px; background:url(../images/pingpinganan.jpg) no-repeat;}
.footer .pingpinganan img{ display:none; }
.footer .pingpinganan a{ display:block;width:67px; height:30px;}

/*fieldsetCon*/
.conBody fieldset span.title {display:block;text-align:left;}
.conBody fieldset div {position:relative; width:100%;}
.conBody fieldset div sub {position:absolute;right:3px;bottom:3px;width:14px;height:14px;display:block;overflow:hidden;}
.conBody fieldset div sub.right {background:url(../images/icon2.gif) 0 0 no-repeat;}
.conBody fieldset div sub.error {background:url(../images/icon2.gif) -14px 0 no-repeat;}



/*detail*/
.detail .leftImg { width:290px; }
.detail .leftImg .title {position:relative;height:50px;margin:0 0 5px 0;overflow:hidden;}
.detail .leftImg .title h2 {position:absolute;left:0;bottom:0;}
.detail .leftImg .title span {position:absolute;right:0;bottom:0;display:block;}
.detail .leftImg a.return {display:inline-block;line-height:15px;height:15px;padding:5px 5px 5px 15px;margin:0 0 5px 0;overflow:hidden;background:url(../images/icon8.gif) 2px 10px no-repeat;}
.detail .leftImg .img .bigImg { width:280px; border:1px solid #404040;padding:3px;background:#484848;margin:0 0 3px 0; position:relative;}
.detail .leftImg .img .bigImg img {width:280px;height:360px; display:block;}
.detail .leftImg .img .bigImg a.zoom {position:absolute; left:100px; bottom:5px;}
.detail .leftImg .img .bigImg a.zoom img { width:85px; height:auto; }
.detail .leftImg .img .bigImg a.print{ position:absolute; text-align:center; right:11px; bottom:-18px; width:47px; height:21px; line-height:21px; background:url(../images/btnE.gif) no-repeat; display:block;color:#373131;}
.detail .rightInfo .topTools a {display:inline-block; margin:0 10px;}
.detail .leftImg .img .bigImg a.print:hover {color:#605656;}
.detail .leftImg .smallImg { width:284px; /*background:url(../images/smallImgBG.gif) 0 0 no-repeat;*/padding:4px 2px 0 2px; margin-top:20px;overflow:hidden;}
.detail .leftImg .smallImg li {float:left;padding:0 2px;display:inline; margin-left:28px;}
.detail .leftImg .smallImg li.start{ margin-left:0;}
.detail .leftImg .smallImg li a {display:block; border:1px solid #555555;}
.detail .leftImg .smallImg li a:hover { border-color:#F4ECDA;}
.detail .leftImg .smallImg li a img {width:70px; }

.detail .leftImg .brandInfo {background:#707070;border:1px solid #606060;padding:10px;width:266px;}
.detail .leftImg .brandInfo h3 {font-size:14px;font-weight:normal;color:#f6eddb;}
.detail .leftImg .brandInfo h3 img{float:left; }
.detail .leftImg .brandInfo h3 span{ height:50px; line-height:50px; overflow:hidden; display:block; text-indent:10px;}
.detail .leftImg .brandInfo p {margin:10px 0;color:#f0f0f0;}
.detail .leftImg .brandInfo a.link{ height:22px; line-height:22px; border:1px solid #9DA5B9; padding:0 3px; margin:3px 3px 3px 0; display:inline-block; background:#54565c; color:#9DA5B9}
* html .detail .leftImg .brandInfo a.link{ display:inline-block;float:none;margin:3px 0;}

.detail .rightInfo {padding-top:85px; position:relative; width:650px;}
.detail .rightInfo .controlBar  {background:url(../images/conBGB.gif) 0 0 repeat-x #3f3f3f;overflow:hidden;border:1px solid #404040;position:relative;margin:0 0 10px 0;}
.detail .rightInfo .controlBar sub.line {width:600px;height:1px;overflow:hidden;background:url(../images/lineC.gif) 0 0 no-repeat;position:absolute;top:-1px;left:-1px;}
.detail .rightInfo .controlBar .left {float:left;width:380px;overflow:hidden;padding:20px;}
.detail .rightInfo .controlBar .left h1 {color:#f6eddb;font-size:16px;font-family:"微软雅黑";margin:0;height:20px;line-height:20px;overflow:hidden;}
.detail .rightInfo .controlBar .left h2 {color:#f6eddb;font-size:16px;font-family:"微软雅黑";margin:0;height:20px;line-height:20px;overflow:hidden;}
.detail .rightInfo .controlBar .left h4 {color:#dbdbdb;line-height:22px;margin:0 0 5px 0;font-size:10px;font-weight:normal;}
.detail .rightInfo .controlBar .left strong.title {color:#67635F;display:block;padding:5px 0;height:20px;line-height:20px;}
.detail .rightInfo .controlBar .left span.lineA {display:block;width:100%;height:2px;margin-bottom:10px;overflow:hidden;}
.detail .rightInfo .controlBar .left dl {margin-bottom:15px;}
.detail .rightInfo .controlBar .left dl dt {float:left;line-height:32px;}
.detail .rightInfo .controlBar .left dl dd {float:left;width:335px;}
.detail .rightInfo .controlBar .left .choose ul {height:32px;margin:0;display:block;}
.detail .rightInfo .controlBar .left .choose ul li {float:left;line-height:26px;} 
.detail .rightInfo .controlBar .left .choose ul li.title {color:#b4b0a9;width:50px;text-align:right;}
.detail .rightInfo .controlBar .left .choose ul li a {display:block;width:30px;height:30px;overflow:hidden;line-height:30px;text-align:center;margin:0px 5px 0 0;background:#5F5F5F;border:1px solid #787873;position:relative;}
.detail .rightInfo .controlBar .left .choose ul li a sub {position:absolute;bottom:0;right:0;background:url(../images/icon10.gif) 0 0 no-repeat;width:12px;height:12px;overflow:hidden;display:none;}
.detail .rightInfo .controlBar .left .choose ul li a:hover,
.detail .rightInfo .controlBar .left .choose ul li a.now {border:1px solid #dbdbc3;color:#dbdbc3;}
.detail .rightInfo .controlBar .left .choose ul li a.now sub,
.detail .rightInfo .controlBar .left .choose ul li a.now:hover sub {display:block;}
.detail .rightInfo .controlBar .left .choose ul li a.none,
.detail .rightInfo .controlBar .left .choose ul li a.none:hover {background:url(../images/icon13.gif) 0 0 no-repeat;border:1px solid #646464;color:#888; cursor:default}
.detail .rightInfo .controlBar .left .choose ul li a img {width:30px;height:30px;}
.detail .rightInfo .controlBar .left .choose ul li strong {padding:0;color:#b8a851;font-weight:normal;line-height:32px;}
.detail .rightInfo .controlBar .left .choose dd strong {color:#b8a851;line-height:21px;padding-left:5px;font-weight:normal;}
.detail .rightInfo .controlBar .left .num dt {height:21px;line-height:21px;}
.detail .rightInfo .controlBar .left .num .number {position:relative;background:#595959;height:21px;margin:0 0;width:46px;overflow:hidden;float:left;}
.detail .rightInfo .controlBar .left .num .number input {position:absolute;overflow:hidden;}
.detail .rightInfo .controlBar .left .num .number input.show {background:#3b3b3b;width:30px;height:15px;line-height:15px;padding:2px 0;top:1px;left:1px;text-align:center;color:#e6e1cf;}
.detail .rightInfo .controlBar .left .num .number input.add {cursor:pointer;background:url(../images/icon9.gif) 0 0 no-repeat;width:13px;height:9px;left:32px;top:1px;}
.detail .rightInfo .controlBar .left .num .number input.add:hover {background:url(../images/icon9.gif) -13px 0 no-repeat;}
.detail .rightInfo .controlBar .left .num .number input.minus {cursor:pointer;background:url(../images/icon9.gif) 0 -10px no-repeat;width:13px;height:9px;left:32px;top:11px;}
.detail .rightInfo .controlBar .left .num .number input.minus:hover {background:url(../images/icon9.gif) -13px -10px no-repeat;}
.detail .rightInfo .controlBar .left .size{ margin-bottom:10px;}
.detail .rightInfo .controlBar .left .size ul li{margin-bottom:5px;}


.detail .rightInfo .controlBar .right {float:left;width:218px;margin:5px;display:inline;overflow:hidden;background:#393939;}
.detail .rightInfo .controlBar .right .price {width:198px;padding:0 0 0 20px;margin:0 0 10px 0;overflow:hidden;}
.detail .rightInfo .controlBar .right .price h2 {color:#f6eddb;font-size:14px;font-family:"微软雅黑";line-height:20px;height:20px;padding:10px 0 0 0;overflow:hidden;}
.detail .rightInfo .controlBar .right .price h3 {font-size:20px;color:#f0f0f0;font-weight:normal;font-family:"微软雅黑";line-height:30px;height:30px;padding:0;overflow:hidden;}
.detail .rightInfo .controlBar .right .price del {font-size:14px;color:#b4b0a9;font-weight:normal;font-family:"微软雅黑";line-height:20px;height:20px;overflow:hidden;margin:0 0 10px 0;display:block;}
.detail .rightInfo .controlBar .right .buy {height:100px;overflow:hidden;padding:0 0 0 23px;}
.detail .rightInfo .controlBar .right .buy input.inA {background:#ACA89D url(../images/shoppingCart.gif) no-repeat 0 0;width:172px;height:45px;cursor:pointer;margin:0 0 2px 0;}
.detail .rightInfo .controlBar .right .buy a {display:block;font-size:14px;width:172px;height:22px;line-height:22px;text-align:center;}
.detail .rightInfo .controlBar .right .buy input.inA:hover {background-position:0 -45px;}
.detail .rightInfo .controlBar .right .buy input.inB {background:#ACA89D url(../images/shoppingCart.gif) no-repeat -172px 0;width:172px;height:45px;cursor:pointer;margin:0 0 2px 0;}
.detail .rightInfo .controlBar .right .buy input.inB:hover {background-position:-172px -45px;}
.detail .rightInfo .controlBar .right .buy input.inC {background:#ACA89D url(../images/shoppingCart.gif) no-repeat -344px 0;width:172px;height:45px;cursor:pointer;margin:0 0 2px 0;}
.detail .rightInfo .controlBar .right .buy input.inC:hover {background-position:-344px -45px;}
.detail .rightInfo .controlBar .right .buy sub {width:172px;height:30px;display:block;background:url(../images/shoppingCart.gif) 0 -90px;}
.detail .rightInfo .controlBar .right .tools li a {color:#bdb6a0;line-height:20px;height:20px;display:inline-block;text-indent:12px;overflow:hidden;}

.detail .rightInfo .controlBarA {height:230px;}
.detail .rightInfo .controlBarA .display {display:none;}
.detail .rightInfo .controlBarA h2 {display:none;}
.detail .rightInfo .controlBarA .right {height:220px;}
.detail .rightInfo .controlBarA .right .price {height:90px;}
.detail .rightInfo .controlBarA .right .price h3 {padding:15px 0 0 0;}

.detail .rightInfo .controlBarB .colorA{ display:none;}
.detail .rightInfo .controlBarB .colorB{ background:url(../images/lineB.gif) repeat-x top left; padding-top:15px;}
.detail .rightInfo .controlBarB h1{ display:none;}
.detail .rightInfo .controlBarB .display {display:block;}
.detail .rightInfo .controlBarB .right .price {height:220px;}

.detail .rightInfo .sns { float:right; margin:0 0 10px 0;}
.detail .rightInfo .moreInfo {background:#707070;border:1px solid #606060;color:#f0f0f0;padding:16px;line-height:18px;margin:0 0 10px 0; min-height:220px; width:616px; overflow-x:hidden;}
* html .detail .rightInfo .moreInfo{ height:220px;}
.detail .rightInfo .moreInfo strong {font-size:14px;color:#fafafa;font-weight:normal;display:block;}
.detail .rightInfo .moreInfo p {margin:8px 0;}
.detail .rightInfo .moreInfo ul li span.title {color:#ccc;}
.detail .rightInfo .moreInfo .tempSampleSize{ font:bold 16px/2em "微软雅黑"; color:#C7C1AF}

.detail .rightInfo .morePro {margin:0 0 10px 0;}
.detail .rightInfo .morePro strong {font-size:14px;color:#333333;font-weight:normal;display:block;margin:0 0 8px 0;}
.detail .rightInfo .morePro .smallImg li {float:left;padding:0 6px 0 0;}
.detail .rightInfo .morePro .smallImg li a {display:block;overflow:hidden;border:1px solid #555555;}
.detail .rightInfo .morePro .smallImg li a:hover {border-color:#F4ECDA;}
.detail .rightInfo .morePro .smallImg li a img {width:70px;}

.detail .rightInfo .topTools{ position:absolute; top:62px; right:10px; width:84px; height:23px;line-height:23px;background:url(../images/btnD.gif) 0 0 no-repeat; text-align:center;}
.detail .rightInfo .topTools a {display:inline-block; margin:0 10px;color:#373131;}
.detail .rightInfo .topTools a:hover {color:#605656;}

/*brandStore*/
.brandStore .content{ margin:20px; overflow:hidden;color:#dbdbdb;}
.brandStore .content h1 {color:#ffffff;}

/*referral*/
.referral{ margin-top:50px;}
.referral .infoBox {border:1px solid #9f9f9f;width:232px;height:800px;background:url(../images/bg1.gif);float:left; overflow:hidden;padding:10px 28px;color:#dbdbdb;padding:10px 28px;line-height:20px;}
.referral strong {display:block;padding:10px 0 20px 0;}
.referral h2 {color:#d1bc9f;}
.referral .infoBox ul {padding:0 0 10px 0;margin:0 0 10px 0;}
.referral .infoBox ul li {float:left;width:106px;height:24px;overflow:hidden;margin:5px;display:inline;}
.referral .infoBox ul li a {display:block;width:104px;height:22px;border:1px solid #ffffff;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.referral .infoBox ul li a:hover {border:1px solid #ffffff;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.referral .toolsBox {border:1px solid #9f9f9f;width:648px;float:right;}
.referral .toolsBox .con {padding:10px 59px 0 59px;height:470px;background:url(../images/conBGA.gif) 0 0 repeat-x;overflow:hidden;}
.referral .toolsBox .con .messageTools {color:#979492;}
.referral .toolsBox .con .messageTools textarea.inA{ width:260px;  height:120px;}
.referral .toolsBox .con .messageTools textarea.inB{ width:520px;  height:70px;}
.referral .toolsBox .con .complete {padding:80px 0;color:#d1bc9f;}
.referral .toolsBox .con .complete div {text-align:center;}
.referral .toolsBox .con .messageTools span.title {display:block;text-align:left;}
.referral .toolsBox .con .private {padding:10px 0 20px 0;}
.referral .toolsBox .con .private .input {background:#202020;border:1px solid #696969;height:24px;padding:4px;width:488px;}
.referral .toolsBox .con .private input {float:left;}
.referral .toolsBox .con .private input.url {margin:0 5px 0 0;height:19px;color:#dacdbc;background:#202020;padding:2px 3px;width:400px;font-size:14px;}

/*Change margin and width of the slider (with dynamic arrows)*/
.referral .toolsBox .con {overflow-x:hidden;width:530px;position:relative;}
.referral .toolsBox .con .panel {width:530px;height:320px;overflow:hidden;}
.referral .toolsBox .con strong.title {display:none;}

.referral .toolsBox .con .loginBox {padding:4px 10px;border:1px solid #544e48;background:#3f3c39;height:52px;margin-top:15px;}
.referral .toolsBox .con .loginBox strong {height:24px;line-height:24px;margin:0;padding:0;color:#d2bc9f;}
.referral .toolsBox .con .loginBox strong span {font-weight:normal;color:#baa993;}
.referral .toolsBox .con .loginBox input {margin-right:10px;}
.referral .toolsBox .con .product {margin-top:5px;border:1px solid #44403b;background:#2a2928;height:280px;overflow:hidden;}
.referral .toolsBox .con .product .left {float:left;width:300px;overflow:hidden;}
.referral .toolsBox .con .product .left h2 {height:30px;line-height:30px;padding-left:10px;background:#343230;color:#f6eddb;}

.referral .toolsBox .con .product .right {float:left;color:#dacdbc;width:212px;padding:6px 8px;}

.referral .toolsBox ul.title {padding:20px 0 10px 0;}
.referral .toolsBox ul.title li {float:left;margin:0 5px;}
.referral .toolsBox .panel h2 {color:#D1BC9F;margin:5px 3px 10px 0; display:inline;}
.referral .toolsBox .panel {color:#A9A198;}
.referral .toolsBox .panel .mailA span.title {width:80px;}
.referral .toolsBox .panel .mailB .title {width:80px;}
.referral .toolsBox .panel .mailC span.title {width:80px;}
.referral .toolsBox .panel .mailC fieldset {margin:0 10px;}
.referral .toolsBox .panel .mailD fieldset {margin:0 10px;}
.referral .toolsBox .panel .mailD input.address {width:300px;}
.referral .toolsBox .panel .mailD textarea.content {width:350px;height:60px;}

.referral #panel1 textarea.emailText {display:block;margin-bottom:10px;width:400px;height:75px;}
.referral #panel4 textarea.emailText {display:block;margin-bottom:10px;width:400px;height:100px;}
.referral .friendCon .friendList {background:#191817;border:1px solid #3F3C39;width:528px;margin:0 0 10px 0;}
.referral .friendCon .friendList .title {background:#252321;}
.referral .friendCon .friendList .title,
.referral .friendCon .friendList label {display:block;line-height:25px;height:25px;overflow:hidden;}
.referral .friendCon .friendList label:hover {background:#1F1D1D;}
.referral .friendCon .friendList .check {display:inline-block;width:50px;padding:0 0 0 20px;}
.referral .friendCon .friendList .id {display:inline-block;width:350px;}
.referral .friendCon .friendList .conlist {height:125px;overflow:scroll;overflow-x:hidden;}
.referral .error {color:#D1BC9F;text-align:center;padding:15px 0;line-height:30px;}




/*userCenter*/
.userCenter .leftMenu {margin:20px 10px 10px 0;}
.userCenter .leftMenu h2 {background:url(../images/accountTitle.gif) 0 0 no-repeat;height:45px;overflow:hidden;text-indent:-9999em;}
.userCenter .leftMenu .con {border:1px solid #868585;background:#565656;padding:15px 10px;}
.userCenter .leftMenu .con ul li {line-height:24px;text-indent:15px;margin:0 0 1px 0;}
.userCenter .leftMenu .con ul li h3,
.userCenter .leftMenu .con ul li h3 a {background-color:#666;color:#ffffff;font-size:12px;font-weight:bold;display:block;}
.userCenter .leftMenu .con ul li h3 a:hover,
.userCenter .leftMenu .con ul li h3 a.now {color:#fee88f;}
.userCenter .leftMenu .con ul li li {margin:0;overflow:hidden;line-height:2em; _height:1.75em;}
.userCenter .leftMenu .con ul li li a {display:block;text-indent:25px;}
.userCenter .leftMenu .con ul li li a {background-image:url(../images/icon12.gif); color:#f0f0f0;background-repeat:no-repeat; background-position: 15px 10px;}
.userCenter .leftMenu .con ul li li a:hover,
.userCenter .leftMenu .con ul li li a.now {color:#fee88f;background-position:15px -13px}

.userCenter .rightMain {margin:65px 0 10px 0;background:#565656;position:relative;border:1px solid #888888;width:708px;}
.userCenter .rightMain h3 {font-size:14px;font-weight:normal;color:#F3F3F3;font-weight:bold;margin:10px 0 0 15px;line-height:18px;line-height:18px;overflow:hidden;}
.userCenter .rightMain .con {margin:10px;background:#353535;padding:10px;border:1px solid #666;color:#dbdbdb;}
.userCenter .rightMain .con span.title {color:#dbdbdb;}
.userCenter .rightMain sub.line {display:none;}

.userCenter .rightMain h3 span {color:#fee88f;font-weight:bold;}
.userCenter .rightMain h3 a {color:#fee88f;font-weight:bold;margin:0 0 0 10px;}
.userCenter .rightMain h3 a:hover {color:#e0ba1f;}

.userCenter .rightMain .con{ _height:362px; min-height:362px;padding:5px 10px;}
.userCenter .rightMain .con table{ width:100%;}
.userCenter .rightMain .con table tr td a{color:#fee88f;}
.userCenter .rightMain .con table tr td a:hover {color:#ddb927;}
.userCenter .rightMain .con table tr td strong {color:#f0f0f0;}

.userCenter .rightMain .con table td.id			{width:auto;}
@media screen and (-webkit-min-device-pixel-ratio:0){.userCenter .rightMain .con table td.id{width:110px;}}
.userCenter .rightMain .con table td.orderTime	{width:110px;}
@media screen and (-webkit-min-device-pixel-ratio:0){.userCenter .rightMain .con table td.orderTime{width:95px;}}
.userCenter .rightMain .con table td.price		{width:80px;}
.userCenter .rightMain .con table td.order		{width:90px; text-align:center; }
.userCenter .rightMain .con table td.arriveTime	{width:50px;}
.userCenter .rightMain .con table td.recipient	{width:90px;}
.userCenter .rightMain .con table td.control	{width:60px; text-align:center;}
.userCenter .rightMain .con table td.control a 	{margin:0 2px;}
.userCenter .rightMain .con table td.date		{width:120px;}
.userCenter .rightMain .con table td.details	{width:90px;text-align:center;}
.userCenter .rightMain .con table td.residual	{width:90px;text-align:center;}
.userCenter .rightMain .con table td.used		{width:90px;}
.userCenter .rightMain .con table td.name		{width:80px; word-break:break-all;}
.userCenter .rightMain .con table td.address    {word-break:break-all;}
.userCenter .rightMain .con table td.zipcode	{width:70px;}
.userCenter .rightMain .con table td.phone		{width:85px;}
.userCenter .rightMain .con table td.remind		{width:120px;text-align:right;}
.userCenter .rightMain .con table tbody td		{ border-bottom:1px solid #353535;}


.userCenter .ucA .con fieldset span.title{width:90px;padding:0 5px 0 0;}
.userCenter .ucA .con fieldset .mobile{ width:90px;}
.userCenter .ucA .con fieldset .code{ width:70px;}
.userCenter .ucA .con fieldset .btn{ width:70px; height:20px; border:none; background:#8E8E8E; color:#333; text-align:center;cursor:pointer;}
.userCenter .ucA .con fieldset .btn2{ width:40px;}
.userCenter .ucB .con fieldset span.title {width:90px;padding:0 5px 0 0;}



.userCenter .ucC .youURL {margin:10px;padding:3px 5px;background:#333;color:#fee88f;border:1px solid #666666;font-weight:bold;}
.userCenter .ucC .youURL input.text {background:#333;width:480px;font-size:16px;font-weight:normal;color:#ffffff;}
.userCenter .ucC .con strong {display:block;color:#fee88f;margin:8px 0;}
.userCenter .ucC .con p {line-height:20px;}
.userCenter .ucD .con .labelA label {display:inline-block;width:80px;}
.userCenter .ucD .con .labelB label {display:inline-block;width:220px;}
.userCenter .ucD .con .labelB a {color:#fee88f;}
.userCenter .ucD .con .labelB a:hover {color:#ddb927;}
.userCenter .ucE .con fieldset span.title {width:120px;}
.userCenter .ucI .con .item {display:block;margin:0 0 2px 0;padding:10px;background:#404040;}
.userCenter .ucI .con .item img {float:left;width:100px;height:120px;margin:0 10px 0 0 ;display:inline;border:1px solid #fff;}
.userCenter .ucI .con .item .info strong {font-size:16px;line-height:26px;color:#f0f0f0;}
.userCenter .ucI .con .item .info {float:left;height:120px;}
.userCenter .ucI .con .item .info ul li {color:#dbdbdb;}
.userCenter .ucI .con .item:hover {background:#454545;}
.userCenter .ucI .con .item:hover .info strong {color:#FFFFFF;}
.userCenter .ucI .con .item:hover .info ul li {color:#FFFFFF;}
.userCenter .ucG .con table td{ text-align:center;}
.userCenter .ucG .con table td.id{ text-align:left;}
.userCenter .ucG .con table td.orderTime{ text-align:left;}
.userCenter .ucG .con .nullInfo{ font-size:14px; text-align:center; margin-top:100px;}


.userCenter .ucF .con fieldset {margin-top:0px;background:#404040;padding:10px;}
.userCenter .ucF .con fieldset span.title {width:90px;}
.userCenter .ucJ .con table tr.title {background:#505050;}
.userCenter .ucJ .con table tr.title td strong {color:#fff}
.userCenter .ucL .con table td.abstract strong {color:#fee88f;}

.userCenter .ucN .con fieldset span.title {width:90px;padding:0 5px 0 0;}
.userCenter .ucN .con fieldset {margin:0px 0 5px 0;background:#404040;padding:10px;}
.userCenter .ucN .con h4 {font-weight:normal;text-indent:5px;line-height:22px;color:#F6EDDB;}

/*shopcart*/
.shopStep{ background:#222; margin-top:30px;}
.shopStep p {padding:10px 50px;text-align:center;}
.shopStep ol{ width:380px; margin:0 auto;}
.shopStep ol li{ float:left; display:inline;}
.shopStep ol li a{padding:10px 50px;display:block;}
.shopStep ol li a:hover,
.shopStep ol li a.now{ color:#fff;}

.shopCart{ border:1px solid #505050; background:#1C1C1C; margin:10px auto 0 auto; padding:10px;}
.shopCart .inner{ background:#434343; padding:10px;}
.shopCart p{ line-height:1.6em;}
.shopCart span.title{ color:#8B8B8B;}
.shopCart fieldset{ padding:10px 50px;}
.shopCart fieldset legend{ display:block; font-weight:bold;line-height:20px;}
.shopCart fieldset div{ margin:5px 0; padding-left:30px; }

.shopCart #popShoppingCart{ width:100%; background:#D2D2D2; color:#504A4C }
.shopCart #popShoppingCart .popupData{ width:540px; height:auto; float:left;}
.shopCart #popShoppingCart .popupData td{ border-color:#eee;}
.shopCart #popShoppingCart .shopOrder{ border-bottom:1px solid #191718; padding:5px;}
.shopCart #popShoppingCart .shopCheckInfo{ width:280px; float:right; margin-right:6px;}
.shopCart #popShoppingCart .shopCheckInfo p{ text-align:right; margin:6px 0;}
.shopCart #popShoppingCart .shopOrderInfo{ clear:both; border-top:1px solid #eee; margin-top:10px;}
.shopCart #popShoppingCart .shopOrderInfo p{ text-align:right; margin:6px 0;}
.shopCart #popShoppingCart .shopOrderInfo .con1{ padding:6px; width:100px; font-weight:bold; float:left;}
.shopCart #popShoppingCart .shopOrderInfo .con2{ padding:6px; float:right; padding-right:6px;}
.shopCart #popShoppingCart .shopOrderInfo .con3{ padding:3px 0; margin-right:6px; clear:both;}
.shopCart #popShoppingCart .shopOrderInfo .con3 p{padding:4px; text-align:right; background:#fff; display:inline; float:right;}
.shopCart #popShoppingCart .shopInfo{ background:#434343; color:#ccc; padding:5px; }
.shopCart #popShoppingCart .shopTotal{ clear:both;padding:10px;background:#111010; color:#ccc;}
.shopCart #popShoppingCart .shopTotal p{ text-align:right; margin:6px 0;}
.shopCart #popShoppingCart .shopTotal div{ padding:5px;background:#333130;text-align:right; }
.shopCart #popShoppingCart .shopTotal div span{ color:#bbb;}
.shopCart #popShoppingCart .shopTotal div strong{ color:#fff;font:bold 16px/22px arial;}








.shopCartA fieldset.time div,
.shopCartA fieldset.delivery div,
.shopCartA fieldset.split div{float:left;}
.shopCartA fieldset.delivery .deliveryB{ padding:0;}
.shopCartA fieldset.leaveMsg div {padding-left:0px;}

.shopCartB .shopTotal div{ padding:5px; padding-left:50px; background:#f1f1f1;text-align:left; }
.shopCartB .shopTotal div span{ color:#333;}
.shopCartB .shopTotal div strong{ color:#000;font:bold 16px/22px arial;}
.shopCartB fieldset {margin:0 0 10px 0;}
.shopCartB ul.count {background:#21201F;padding:6px 10px;}
.shopCartB ul.count li {float:left;margin:0 80px 0 0;}
.shopCartB ul.icon li {float:left;display:inline;margin:5px 15px 5px 5px;}
.shopCartB ul.icon li label {position:relative;display:block;width:130px;}
.shopCartB ul.icon li label img {margin:0 0 0 20px;}
.shopCartB ul.icon li label input {position:absolute;top:8px;left:0;}

.shopCartA .inner .icon li {float:left;margin:0 20px 10px 0;}
.shopCartA .inner .icon label {position:relative;display:block;width:130px;}
.shopCartA .inner .icon input{position:absolute;top:8px;left:0;}
.shopCartA .inner .icon img{margin:0 0 0 20px;}

.shopCartC{ width:500px;}
.shopCartC .inner{padding:30px 30px 20px 30px;}
.shopCartC .inner * {text-align:center;}
.shopCartC .inner h2{font-size:16px; font-family:"微软雅黑"; color:#d1bc9f;height:20px;line-height:20px;overflow:hidden;margin:0 0 15px 0;}
.shopCartC .inner h3 {color:#827d77;margin:0 0 10px 0;}
.shopCartC .inner h3 span {color:#fff;}
.shopCartC .inner p {line-height:18px;margin:0 0 20px 0;}
.shopCartC .inner input {display:block;margin:0 auto 20px auto;}
.shopCartC .inner strong {display:block;background:#21201F;padding:10px;}
.shopCartC .inner strong a {margin:0 3px;}

.waittingPro .inner .popupData {width:850px;background:#262521; padding:3px;margin:20px auto;}
.waittingPro .inner .popupData td{padding:4px;text-align:center; vertical-align:middle;}
.waittingPro .inner .popupData thead td{ color:#D4D4D4;}
.waittingPro .inner .popupData tbody { background:#D2D2D2; color:#504A4C;}
.waittingPro .inner .popupData tbody td { border-bottom:1px solid #505050;}
.waittingPro .inner .popupData td.product			{ width:70px; }
.waittingPro .inner .popupData tbody td.product	{ vertical-align:top; background:#E7E7E7; }
.waittingPro .inner .popupData td.product img		{ width:66px;background:#000;}
.waittingPro .inner .popupData td.info				{ width:230px; text-align:left;}
.waittingPro .inner .popupData td.info	strong		{ font-size:14px;}
.waittingPro .inner .popupData td.info	span.title	{ color:#8B8B8B;}
.waittingPro .inner .popupData td.price			{ width:80px;}
.waittingPro .inner .popupData tbody td.price		{ width:80px; background:#C1C1C1;}
.waittingPro .inner .popupData td.number			{ width:60px;}
.waittingPro .inner .popupData td.number input		{ text-align:center; border:1px solid #999; height:16px; line-height:16px; width:30px;}
.waittingPro .inner .popupData tbody td.total		{ width:80px; background:#C1C1C1;}
.waittingPro .inner .popupData td.total		{ width:80px; }
.waittingPro .inner .popupData td.control			{ width:80px;}
.waittingPro .inner .popupData tbody td.control		{ background:#C1C1C1;}

/*----------------*/
#popMemberMessage{ width:322px;}
#popMemberMessage img{ width:300px; height:300px;}
#popMemberMessage .popupData div{ position:absolute;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; left:26px; bottom:60px; width:300px; background:#222; color:#fff; padding:15px 0; text-align:center;}
#popMemberMessage .popupData div input{ margin:10px auto 0 auto; display:block;}
/*----------------*/
#popStoreAddress{ width:600px;}
#popStoreAddress h2{ border-bottom:1px dashed #3C3B3B; line-height:2em; margin:0 0 10px 0;}
#popStoreAddress .left{ width:100px; height:270px; overflow-y:scroll; float:left;}
#popStoreAddress .right{ width:460px;height:270px; overflow-y:scroll; float:right; text-align:left;}
#popStoreAddress .left a{ display:block; line-height:1.8em; color:#3C3B3B}
/*----------------*/
#popPrint{ width:280px;}
#popPrint img{ width:280px; height:360px;}
#popPrint .popupData{ padding:0; background:#E7E7E7;}
#popPrint .popupData div{ padding:10px;}
#popPrint .popupData div div{ padding:0; text-align:center; padding:10px 0 0 0;}
/*----------------*/
#popShoppingCart{ width:750px; }
#popShoppingCart .popupData			{ background:#262521; padding:3px;height:418px; overflow-y:scroll}
#popShoppingCart .popupData td		{ padding:4px;text-align:center; vertical-align:middle;}
#popShoppingCart .popupData thead td			{ color:#D4D4D4;}
#popShoppingCart .popupData tbody				{ background:#D2D2D2; color:#504A4C;}
#popShoppingCart .popupData tbody td			{ border-bottom:1px solid #505050;}
#popShoppingCart .popupData td.channel			{ width:60px;}
#popShoppingCart .popupData td.channel img		{ width:60px;height:22px;margin:0 auto;}
#popShoppingCart .popupData td.product			{ width:76px; padding:0;}
#popShoppingCart .popupData tbody td.product	{ vertical-align:top; background:#E7E7E7; }
#popShoppingCart .popupData td.product img		{ width:68px;height:81px;background:#000; overflow:hidden; margin:4px;}
#popShoppingCart .popupData td.info				{ width:250px; text-align:left;}
#popShoppingCart .popupData td.info	strong		{ font-size:14px;}
#popShoppingCart .popupData td.info	span.title	{ color:#8B8B8B;}
#popShoppingCart .popupData td.price			{ width:80px;}
#popShoppingCart .popupData tbody td.price		{ width:80px; background:#C1C1C1;}
#popShoppingCart .popupData td.number			{ width:60px;}
#popShoppingCart .popupData td.number input		{ text-align:center; border:1px solid #999; height:16px; line-height:16px; width:30px;}
#popShoppingCart .popupData td.total			{ width:80px;}
#popShoppingCart .popupData tbody td.total		{ background:#C1C1C1;}
#popShoppingCart .popupData td.time				{ width:80px; }
#popShoppingCart .popupData td.control			{ width:68px;}
#popShoppingCart .popupData tbody td.control	{ }
#popShoppingCart .popupData td.control a		{ color:#352F31;}
#popShoppingCart .popupData tfoot td			{ padding:6px 4px; text-align:right; color:#D4D4D4; font-weight:bold;}
#popShoppingCart .popupData tfoot td span		{ font-weight:normal;}
#popShoppingCart .popupData tfoot td input		{ margin:0 0 0 10px;}
/*----------------*/
#popSendFriend{ width:720px; position:relative;display:none;}
#popSendFriend p{ margin:4px 0;}
#popSendFriend .right .input{ width:380px;}
#popSendFriend .left{ width:220px; float:left;}
#popSendFriend .left p{ margin:10px 0 10px 0;}
#popSendFriend .left ul li{ height:22px; width:104px; overflow:hidden; float:left; margin:3px 6px 3px 0;}
#popSendFriend .left ul li img{ height:22px; width:104px;}
#popSendFriend .left fieldset {display:block;margin:10px 0 0 0;height:100px;}
#popSendFriend .left fieldset div.start{border-top:1px solid #ffffff; margin-right:6px;padding:10px 0 0 0;}
#popSendFriend .left fieldset span.title {width:40px;}
#popSendFriend .right{ width:460px; float:right;}
#popSendFriend .right img{ height:90px; border:1px solid #999;}
#popSendFriend .right strong{ font-size:16px; line-height:1.5em;}
#popSendFriend .right textarea{ height:50px;}
#popSendFriend .right .btnA1,
#popSendFriend .right .btnC1{margin-right:10px;}
#popSendFriend .preview {width:750px;position:absolute;left:0;top:0;background:url(../images/space.gif);}
#popSendFriend .preview a.close { position:absolute; right:60px; top:3px; width:25px; height:25px; font-size:18px; font-family:Verdana; line-height:25px; text-align:center; cursor:pointer; color:#fff;}

#popSendFriend .friendList {background:#DFDFDF;}
#popSendFriend .friendList .title {background:#f9f9f9;border:none;}
#popSendFriend .friendList .title,
#popSendFriend .friendList .con label {display:block;line-height:25px;height:25px;overflow:hidden;}
#popSendFriend .friendList .con label:hover {background:#f2f2f2;}
#popSendFriend .friendList .con p {padding:0 0 0 5px;}
#popSendFriend .friendList .con {overflow:scroll;overflow-x:hidden;height:125px;}
#popSendFriend .friendList .check,
#popSendFriend .friendList .id,
#popSendFriend .friendList .name {display:inline-block;}
#popSendFriend .friendList .check {width:50px;padding:0 0 0 10px;}
#popSendFriend .friendList .id {width:250px;}
/*----------------*/
#popGoodsList{ width:600px;}
#popGoodsList img{ width:90px;  height:90px; border:1px solid #999; float:left;}
#popGoodsList .item{ margin:4px 0 0 0; clear:both;}
#popGoodsList .info{ width:470px;  min-height:80px; height:auto; border:1px solid #999; float:right; background:#E5E5E5; padding:5px;}
* html #popGoodsList .info{height:80px;}
#popGoodsList .messageType{ border:1px solid #999;background:#E5E5E5; padding:5px; margin:0 0 10px 0; }
#popGoodsList .messageType label{ margin:5px;}
/*----------------*/
#popSize{ width:680px; height:auto;}
#popSize .popupData { padding:0; background:none; border:none;}
#popSize #container #title li {float: left;height: 28px;line-height: 28px;text-align:center;margin-right: 1px;}
#popSize #container #title ul {height: 28px;}
#popSize #container #title a {text-decoration: none;color: #fff;display: block;width: auto; background:#30272A;}
#popSize #container #title a span{display: block;padding: 0 15px 0 15px;}
#popSize #container #title a:hover {display: block;}
#popSize #container #title .selectli1 { color:#30272A; display:block; background:#E5E5E5;}
#popSize #container #title .selectli2 { color:#30272A; display:block; background:#E5E5E5;}
#popSize #container #title .selectli3 { color:#30272A; display:block; background:#E5E5E5;}
#popSize #container #content ul {margin: 10px;}
#popSize #container #content li {margin: 5px; }
#popSize #container #content {height:470px;padding: 10px;border-top-width: 3px; background:#E5E5E5;}
#popSize #container #content div{ text-align:center;}
#popSize .hidecontent {display:none;}
/*----------------*/
#popFirstLogin{ width:750px; background:url(../images/conBGB.gif) top repeat-x #3f3f3f;/*temp*/ width:600px;}
#popFirstLogin .popupData{ border:none; background:none;color:#ACA8A7; padding-bottom:0;}
#popFirstLogin .popupData h2 img{ margin:0 auto;}
#popFirstLogin .popupData .left{ margin:10px 5px; padding:10px; width:210px; height:200px; float:left; background:url(../images/bg1.gif); /*temp*/ display:none;}
#popFirstLogin .popupData .left div{ margin:5px 0;}
#popFirstLogin .popupData .left div.lineB{ padding-bottom:10px;}
#popFirstLogin .popupData .right{ float:right; width:450px; margin:10px 5px; padding:10px; /*temp*/ width:550px; height:210px; position:relative;}
#popFirstLogin .popupData .right .btnA4{ margin:0 0 10px 0;}
#popFirstLogin .popupData .right div{ margin:20px 0 0 0;}
#popFirstLogin .popupData .right div strong{ font-size:14px;}
#popFirstLogin .popupData .right div.lineB{ padding-bottom:10px;}
#popFirstLogin .popupData .right div.btn{ background:url(../images/bg2.gif); }
#popFirstLogin .popupData .right input{ position:absolute; bottom:0px; left:220px;}/*temp*/ 
#popFirstLogin .popupData .right div.btn a{ display:block;padding:15px; }
#popFirstLogin #osx-container {background:url(../images/conBGB.gif) top repeat-x #3f3f3f; }
/*----------------*/
#popReferral { width:550px;}
#popReferral .popupData {height:160px;}
#popReferral .popupData span.title {width:60px;}
/*----------------*/
#popLoginQQ{ width:500px;}
#popLoginQQ .popupData span.title{ width:60px; text-align:right;}
#popLoginQQ .popupData fieldset{ margin-top:10px;}
#popLoginQQ .popupData fieldset div{ margin:5px 0;}
/*----------------*/
#popLoginMSN{ width:500px;}
#popLoginMSN .popupData span.title{ width:70px; text-align:right;}
#popLoginMSN .popupData fieldset{ margin-top:10px;}
#popLoginMSN .popupData fieldset div{ margin:5px 0;}
/*----------------*/
#popFriendList{ width:500px;}
#popFriendList strong{ padding:5px; border:1px solid #C6C6C6; background:#EBEBEB; display:block;}
#popFriendList .popupData ul{ padding:5px; height:250px; overflow-y:scroll; border:1px solid #C6C6C6; border-top:none; background:#F6F6F6;}
#popFriendList .popupData ul li{ padding:3px 0;}
#popFriendList .popupData ul li:hover{ background:#ffffdf;}
#popFriendList .popupData ul li label{ display:block;}

#popFriendList .popupData div{ margin-top:10px; text-align:center; }
/*----------------*/
#popLoginKaixin{ width:500px; position:relative;}
#popLoginKaixin .login{ margin-bottom:10px;}
#popLoginKaixin .login .title{ padding:5px 5px 5px 0;}
#popLoginKaixin .login .input{ width:140px;}
#popLoginKaixin .kaixin{ line-height:20px;margin-bottom:10px; color:#D01F3B}
#popLoginKaixin .pic{ width:210px; height:290px; float:left; overflow:hidden; margin-bottom:10px;}
#popLoginKaixin .pic strong{ height:20px; line-height:20px;}
#popLoginKaixin .pic img{ width:210px; height:270px; }
#popLoginKaixin .info{ width:250px; height:270px; overflow:hidden; padding-top:20px; float:left; margin-left:10px; line-height:1.5em; }
#popLoginKaixin .show{ position:absolute; width:996px; height:844px; overflow:hidden; background:url(../images/bgkaixin.gif) no-repeat; top:0; left:-235px; z-index:9999;}
#popLoginKaixin .show .close{ padding:6px; display:block; position:absolute; right:160px; top:246px; background:#000; color:#D1BC9F;}
#popLoginKaixin .show .kaixinInfo{ position:absolute; left:178px; top:245px; position:relative;}
#popLoginKaixin .show .kaixinInfo strong{ position:absolute; left:0; top:-47px;}
#popLoginKaixin .show .kaixinInfo .info{ width:380px; padding-top:0; height:auto;}

/*menu================================================================================*/
.header .menu {position:absolute;height:39px;width:100%;bottom:0;left:0;height:39px;padding:2px 0 1px 0;}
.header .menu  li{ display:inline;}
.header .menu .left{ float:left;}
.header .menu .right{ float:right;padding-right:0;position:relative;}
.header .menu .left a.menuA,
.header .menu .left a.menuB,
.header .menu .right a.menuC,
.header .menu .right a.menuD{ display:inline-block; float:left; text-indent:-9999em; background-image:url(../images/menu.gif); background-repeat:no-repeat;}
.header .menu .left a.menuA{ width:123px; height:39px; display:block; background-position:-87px 0;margin-right:10px;}
.header .menu .left a.menuA:hover,
.header .menu .left li:hover a.menuA{ background-position:-87px -39px;}
.header .menu .left a.menuB{ width:123px; height:39px; display:block; background-position:-87px -78px;}
.header .menu .left a.menuB:hover,
.header .menu .left li:hover a.menuB{background-position:-87px -117px;}
.header .menu .right a.menuC{ width:87px; height:39px; display:block; background-position:0 -78px;}
.header .menu .right a.menuC:hover,
.header .menu .right a.menuC.navOn {background-position:0 -117px;}
.header .menu .right a.menuD{ width:87px;height:39px;display:block;background-position:0 0;display:none;}
.header .menu .right a.menuD:hover{background-position:0 -39px;}

.header .menu .right li.JQlistNavA ul { position:absolute; right:0; padding:5px; top:39px;width:290px;height:140px; background:url(../images/bgSubMenu.gif) repeat-x top left; border:5px solid #7a7a7a; border-top:none;z-index:999;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9; overflow:hidden;}
.header .menu .right li.JQlistNavA ul li { float:left; }
.header .menu .right li.JQlistNavA ul li.pic { width:140px; height:140px; margin-right:5px; overflow:hidden; }
.header .menu .right li.JQlistNavA ul li.pic img { width:140px; height:140px;}
.header .menu .right li.JQlistNavA ul li.title { color:#222222; font-weight:bold; text-indent:5px;}
.header .menu .right li.JQlistNavA ul li.link { float:left; width:145px; }
.header .menu .right li.JQlistNavA ul li.link a { display:block; height:21px; line-height:21px; color:#333333; text-indent:5px; overflow:hidden;}
.header .menu .right li.JQlistNavA ul li.link a:hover { color:#fff; background:#666666;}

/* sub Menu */ 
.header .menu .left a { float: none !important; display: block; text-decoration: none; height: 39px !important;height: 1%; color:#ccc;} 
.header .menu .left li { float: left; display: inline; position:relative;} 
.header .menu .left ul { position: absolute;background:#222;border:1px solid #666;border-top:none;width:200px;text-indent:10px;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;padding:3px; display:none;} 
.header .menu .left ul li { float: none; display: block !important; display: inline; height:2.2em;line-height:2.2em;overflow:hidden;border-top:1px dashed #454545;} 
.header .menu .left ul li.start { border:none;}
.header .menu .left ul li a { display:block;}
.header .menu .left ul li a:hover{ background:#222;color:#fff;}