@charset "UTF-8";
@import url("edittext.css");
@import url("layout.css");


/*html{-webkit-text-size-adjust:none;}*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}

/*html5 reset*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/*section,article,aside,header,footer,nav,dialog,figure{display:block;}*/
menu, figure{margin:0;padding:0;}

html, body{ /*height:100%;*/}

body{
	min-width:980px;
	background:#fff;
	color:#333;
	font:normal 15px/1.5 georgia,palatino,'book antiqua','palatino linotype',serif,Arial, Helvetica, sans-serif;
}


table{empty-cells:show;border-collapse:collapse;border-spacing:0}
table,td,th{vertical-align: middle;}
input,select{vertical-align:middle;}
input,select,textarea{ color:#333; font-family:georgia,palatino,'book antiqua','palatino linotype',serif,Arial, Helvetica, sans-serif; font-size:14px;}
textarea{resize:vertical;}
/*input:focus{outline:0 none}*/
::-webkit-input-placeholder{color: #aaa;}
input::-moz-placeholder{color: #aaa;}
::-webkit-textarea-placeholder{color: #aaa;}
textarea::-moz-placeholder{color: #aaa;}
#input:-ms-input-placeholder {color: #aaa;}/*ie must id*/

h1,h2,h3,h4,h5,h6{
 font-weight: normal;    
 font-size: 100%; 
}
ul,ol,menu{list-style:none;}
a img{border:none;}
img{ vertical-align:bottom;}
p{margin-bottom:1.2em;}
td p{margin:0;}
fieldset{padding:0 1em 1em 1em; margin:1.6em 0;border:1px solid #ccc;} /*** padding-top is margin-top for fieldsets in Opera ***/
legend{padding-left:.8em; padding-right:.8em;}
legend+*{margin-top:1em;} /*** compensates for the opera margin bug ***/
sub{ font-size:smaller; line-height:0; vertical-align:sub;}
sup{ font-size:smaller; line-height:0; vertical-align:super;}

a{color:#333;cursor:pointer; text-decoration:none;}
a:hover{ color:#333; text-decoration:underline;}
a:focus{}


/*
a:visited{color:#800080;}
a:hover,a:active{color:#FF3300;text-decoration:underline;}
a:focus{outline:1px dotted}

::selection {
	color: #000000;
	background-color: #FF0000;
}
::-moz-selection {
	color: #000000;
	background: #FF0000;
}*/

/*text style*/
.t12{font-size:12px;}
.t14{font-size:14px;}
.t16{font-size:16px;}
.t18{font-size:18px;}
.black{color:#000;}
.white{color:#fff;}
.gray{color:#ccc;}
.red{color:#db0210;}
.blue{color:#294cbd;}
.green{color:#00b700;}
.mcolor{color:#900;}
.b{font-weight:bold;}
.clear{clear:both;}
.delete{text-decoration:line-through;}
.nob{border:none;background:none;}
.fl{float:left;}
.fr{float:right;}
.float_left {float:left;padding:7px;}
.float_right {float:right;padding:7px;}
.img_float_left {float:left;clear:left;margin:0 8px 10px 0;}
.img_float_right {float:right;clear:right;margin:0 0 10px 8px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.simsun{font-family:"Simsun";}

.highlight {background:#ff0;}
.thin{font-weight: lighter;}
.error_tips,.notice_tips,.success_tips{padding:.3em .8em;margin-bottom:1em;border:2px solid #ddd;white-space:nowrap;}
.error_tips{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice_tips{background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success_tips{background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error_tips a{color:#8a1f11;}
.notice_tips a{color:#514721;}
.success_tips a{color:#264409;}
.center{text-align: center;}
.left{text-align:left;}
.right{text-align:right;}
.tdu{text-decoration:underline;}
.errorMessage{ color:#f00;}
.hidden{ display:none;}
.oh{overflow:hidden; zoom:1;}
.lefthalf{
	float:left;
	width:48%;
}
.righthalf{
	float:right;
	width:48%;
}

.btn_mr{ margin-right:20px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.ml50{ margin-left:50px;}
.ml100{ margin-left:100px;}
/*all*/
.submit{ cursor:pointer; overflow:visible;}
.radio, .checkbox, input[type="radio"], input[type="checkbox"]{ margin:0 5px 3px 0;}
.input, .textarea{
	padding:7px 5px;
	color:#333;
	background: #fff;
    border: 1px solid #d7d7d7;
	/*-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;*/
}
textarea{ resize:none;}

.formlist .input,.formlist  .textarea{
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-o-transition:all .2s ease;
	-ms-transition:all .2s ease;
	transition:all .2s ease;
}
.formlist .input:focus, .formlist .textarea:focus{
	border:1px solid #000;
	/*padding:14px;*/
	/*-webkit-box-shadow:0 0 2px #999;
	-moz-box-shadow:0 0 2px #999;
	box-shadow:0 0 2px #999;*/
}

input::-moz-placeholder {
    color: #999;
	/*opacity:1;filter:Alpha(opacity=100);*/
}
textarea::-moz-placeholder {
    color: #999;
	/*opacity:1;filter:Alpha(opacity=100);*/
}


.clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
* html .clearfix {height: 1%;}
* html .clearfix {display: block;}


.wrapper:after,.header:after,.mainwidth:after,.nav ul:after,.hrightcon:after,.footer:after,.footertop:after,.bathcon:after,.cformlist:after,.contformcon:after,.headercon:after,.headright:after,.protopcon:after,.productlist:after,.regcon:after,.regform li:after,.areacon:after,.mycartcon:after,.protopcon .selcon:after{
	content:"\0020";display:block;height:0;clear:both;visibility:hidden;
}
.wrapper,.header,.mainwidth,.nav ul,.hrightcon,.footer,.footertop,.bathcon,.cformlist,.contformcon,.headercon,.headright,.protopcon,.productlist,.regcon,.regform li,.areacon,.mycartcon,.protopcon .selcon{zoom:1;}
/*label css*/

.nav li a:hover,.indnewslist a:hover,.history_menu li a:hover,.newspage .item a:hover,.prolistcon .list a:hover,.seebtn:hover{text-decoration:none;}


.wrapper{}


.mainwidth{
	position:relative;
	margin:0 auto;
	width:980px;
}


.header{
	width:100%;
	height:100px;
	background:#000;
}

.logo{
	float:left;
	margin:30px 0 0 20px;
}

.headercon{
	float: left;
	width:845px;
}


.nav{
	float:left;
	margin:51px 0 0 0;
	padding:0 0 0 35px;
}
.nav li{
	float:left;
	display:inline;
	margin:0 15px;
}
.nav li a{
	height:40px;
	line-height:40px;
	font-size:16px;
	color:#fff;
	font-family:georgia,palatino,'book antiqua','palatino linotype',serif;
	text-transform:capitalize;
	
}
.headright{
	position:absolute;
	right:20px;
	top:15px;
}
.headright .cartbtn,.m_cartbtn{
	position:relative;
	float:left;
	width:17px;
	height:20px;
	background: url(../images/cart.png) no-repeat left 0;
	text-align:center;
}
.headright .cartbtn .num,.m_cartbtn .num{
	position:absolute;
	right:-16px;
	top:-3px;
	display:block;
	width:19px;
	height:17px;
	line-height:17px;
	font-size:12px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	background: url(../images/num.png) no-repeat left 0;
	font-family:'times new roman',times,serif;
}
.headright .cartbtn:hover,.m_cartbtn:hover{ text-decoration:none;}

.m_cartbtn{ display:none;}

.log_reg{
	float:left;
	margin:0 0 0 25px;
	color:#777;
	line-height: 25px;
}
.log_reg a{
	color:#777;
	vertical-align:middle;
}
.log_reg .name{color:#fff;}


.headright .rtext{
	float:right;
	margin:9px 0 0 10px;
	padding:0 10px;
	width:130px;
	height:31px;
	line-height:31px;
	background:#e6e6e6;
}

.lan{
	float:right;
	margin:2px 0 0 15px;
	color:#fff;
}
.lan a{
	display:inline-block;
	color:#fff;
	font-size:15px;
}
.lan a img{ vertical-align:middle;}



.banner{
	position:relative;
	width:100%;
	height:280px;
}
.banner .ban{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:280px;
	background: url(../images/ban_1.jpg) no-repeat 50% 50%;
	background-size:cover;

	display:none;
}
.banner .mainwidth{
	position:absolute;
	left:50%;
	top:0;
	margin-left:-490px;
	width:980px;
}
.banner .ban_img{
	width:100%;
}
.banner .title{
	position:absolute;
	left:20px;
	top:30px;
	z-index:10;
	padding:15px 0 15px 35px;
	width:260px;
	background:rgba(255,255,255,0.5);
}
.banner .title span{
	display:block;
	font-size:58px;
	color:#000;
	line-height: 0.73;
	letter-spacing: 0.02em;
	font-family:'times new roman',times,serif;
}
.banner .title .bold{
	font-weight:bold;
}
.indbrandcon{
	padding:35px 0 0 0;
}

.toptitle{
	margin:0px 0 30px 0;
	padding:0 0 15px 0;
	font-size: 36px;
	text-align: center;
	letter-spacing: 10px;
	font-weight:bold;
	font-family:'times new roman',times,serif;
	background: url(../images/line_1.png) no-repeat 50% bottom;
	text-transform:capitalize;
}

.indinfotext{
	margin:0 auto 50px auto;
	width:660px;
	text-align: center;
	line-height: 2em;
}
.indinfotext span{}

.indbrandlist{
	overflow:hidden; zoom:1;
	margin:0 auto 60px auto;
	width:790px;
}
.indbrandlist li{
	float:left;
	display:inline;
	margin:0 10px;
	text-align:center;
}
.indbrandlist a{
	display:block;
}
.indbrandlist .img{
	display: block;
	height:285px;
	overflow: hidden;
	border:2px solid #000;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-ms-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}
.indbrandlist .title{
	display:block;
	margin:-5px 0 0 0;
	height:45px;
	line-height:45px;
	background:#000;
	color:#fff;
	
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	-ms-transition:all .3s linear;
	transition:all .3s linear;
}
.indbrandlist a:hover{
	text-decoration:none;
}
.indbrandlist .title:hover{
	
}



.conban{}
.conban{
	position:relative;
	width:100%;
}
/*.conban .mainwidth{ height:400px;}
.conban_2 .mainwidth{ height:250px;}
.conban_3 .mainwidth{ height:350px;}*/
.conban .mainwidth{
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-490px;
	width:980px;
}
.conban .ban{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: url(../images/ban_2.jpg) no-repeat 50% 50%;
	background-size:cover;
}
.conban .ban_img{
	width:100%;
}
.conban .title{
	position:absolute;
	left:20px;
	bottom:0px;
	z-index:10;
	color:#333;
	font-size: 60px;
	line-height: 1;
	font-family:'times new roman',times,serif;
	text-transform:uppercase;
}
.conban .title_1{
	color:#fff;
}
.conban .title_2{
	left:50px;
	-webkit-text-shadow: 0px 0px 6px #fff;
	text-shadow: 0px 0px 6px #fff;
}


.container{
	padding:35px 0 50px 0;
	min-height:510px;
}

.bathcon{}
.conleft{
	float:left;
	margin:0 30px 0 0;
	width:600px;
}
.bathlist{
	
}
.bathlist li{
	margin:0 0 30px 0;
}
.bathlist .title{
	display:block;
	margin:0 0 10px 0;
	text-align:center;
	color:#333;
	font-weight:bold;
}
.bathtext{
	padding:10px 0 0 0;
}
.bathtext p{
	float: left;
	width:270px;
	margin:0 0 0 25px;
	line-height:2;
}

.conright{
	float:right;
	width:350px;
}

.infotitle{
	display:block;
	font-size:19px;
	line-height:2;
	font-weight:bold;
}


.fragrancelist{
	
}
.fragrancelist li{
	overflow:hidden; zoom:1;
	margin:0 0 40px 0;
	padding:0 20px;
}
.fragrancelist .hfleft a{ text-decoration:underline;}

.hfleft{
	float:left;
	width:450px;
	line-height:2;
}
.hfleft .title{
	display:block;
	font-size:19px;
	line-height:2;
	font-weight:bold;
}
.hfleft .t1{
	display:block;
	margin:0 0 30px 0;
}
.hfleft .text{}
.hfleft .text .item{
	display:block;
	padding:0 0 0 18px;
	background: url(../images/ico_1.png) no-repeat left 11px;
}


.hfright{
	float:right;
	width:350px;
	padding:0 20px 0 0;
}


.travelleft{
	float: left;
	padding:0 0 0 20px;
	width:450px;
}
.pline{
	display:block;
	width:30px;
	height:1px;
	background:#000;
}


.travelright{
	float: left;
	margin:0 0 0 30px;
	width:460px;
}
.travellist{}
.travellist li{
	margin:0 0 10px 0;
	text-align:center;
}
.travellist .text{
	display:block;
	padding:6px 0 0 0;
}



.storycon{
	overflow:hidden; zoom:1;
	margin:0 0 35px 0;
	padding:10px 30px 0 45px;
	line-height:2;
}
.storycon .storyleft{
	float: left;
	width:475px;
}
.storycon .storyright{
	float:right;
	width:401px;
	overflow:hidden;
}
.storycon img{
	border-radius:8px;
}

.storycon_2 .storyleft{
	width:401px;
}
.storycon_2 .storyright{
	width:475px;
	overflow:hidden;
	text-align:right;
}

.storycon .text{
	margin:20px auto 0 auto;
	width:660px;
	text-align:center;
}


.contactcon{
	padding:0 20px;
}

.conttop{}
.conttop .title{
	padding:10px 0 35px 0;
	font-size:20px;
	color:#000;
	text-align:center;
	font-weight:bold;
	letter-spacing: 0.3em;
}
.conttop .text{
	margin:0 auto;
	padding:0 0 40px 0;
	width:420px;
	text-align:center;
}

.contformcon{
	margin:20px 0 0 0;
	padding:60px 0 0 0;
	border-top:1px solid #333;
}
.cleft{
	float: left;
	width:450px;
	text-align:center;
}
.cleft .t1{
	margin:0 0 45px 0;
}
.cleft .t2{}
.cleft .t2 .title{
	display:block;
	font-size:15px;
	font-weight:bold;
	letter-spacing: 0.1em;
}
.cleft a{ text-decoration:underline;}

.cright{
	float:right;
	margin:0 65px 0 0;
	width:350px;
}
.cformlist{}
.cformlist li{
	position:relative;
	margin:0 0 10px 0;
}
.cformlist .input{
	padding:0 5px;
	width:338px;
	height:30px;
	line-height:30px;
	border:1px solid #777;
	background:#fff;
}
.cformlist .input.error{ border:1px solid #8b0000;}
.cformlist .textarea{
	padding:5px;
	width:338px;
	border:1px solid #777;
	background:#fff;
}
.cformlist .submit{
	float:right;
	width:50px;
	height:30px;
	color:#fff;
	text-align:center;
	line-height:30px;
	border:none;
	background:#000;
}
.cformlist .errortips{
	position:absolute;
	left:0;
	top:0;
	color:#8B0000;
}


.mycartcon{
	padding:0 20px;
}
.carttitle{
	margin:0 0 30px 0;
	font-size:20px;
	text-align:center;
}


.prohead{
	overflow:hidden; zoom:1;
	border-bottom:1px solid #777;
}
.prohead .item,.prodlist .item{
	display:block;
	float: left;
	margin:0 15px 0 0;
	padding:0 0 0 5px;
	width:150px;
	line-height:40px;
	font-size:12px;
	font-weight:bold;
}
.prohead .item_2,.prodlist .item_2{
	width:340px;
}
.prohead .item_3,.prodlist .item_3{
	width:100px;
}
.prohead .item_4,.prodlist .item_4{
	width:180px;
}
.prohead .item_5,.prodlist .item_5{
	float:right;
	margin:0;
	width:80px;
	text-align:right;
}


.prodlist{
	margin:0 0 10px 0;
}
.prodlist li{
	overflow:hidden; zoom:1;
	padding:20px 0;
	border-bottom:1px solid #ddd;
}

.prodlist .item{
	font-size:14px;
	line-height:normal;
	font-weight: normal;
	font-family:'times new roman',times,serif;
}
.prodlist .item_3,.prodlist .item_4,.prodlist .item_5{ padding:20px 0 0 0;}
.prodlist .title{
	padding:20px 0 0 0;
	font-size:18px;
	color:#000;
}
.prodlist .price{
	margin:15px 0;
	color:#000;
	font-weight:bold;
}
.prodlist .total{
	display:block;
	font-size:16px;
	line-height:30px;
	
}
.prodlist .rbtn{
	color:#999;
	text-decoration:underline;
}
.prodlist .sl{
	padding:0 10px 0 0;
	color:#999;
}
.prodlist .cartnum{
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}


.prodlist_info{}
.prodlist_info .item_2{ width:530px;}
.prodlist_info .item_4{
	float:right;
	margin:0;
	width:100px;
}
.prodlist_info .num{ line-height:30px;}
.prodlist_info .num,.prodlist_info .total{
	font-weight:bold;
	text-align:right;
	
	
}




.cartstep{
	overflow:hidden; zoom:1;
}
.cartstep .step{
	display:block;
	float: left;
	padding:0 0 10px 0;
	/*width:313px;*/
	width:25%;
	font-size:24px;
	color:#000;
	text-align: center;
	border-bottom:2px solid #ddd;
}
.cartstep .step_on{
	border-bottom:2px solid #000;
}
.cartstep .step span{
	font-family:'times new roman',times,serif;
}



.cart_table{
	/*border-top:1px solid #333;
	border-bottom:1px solid #333;*/
	background:#fff;

	border-collapse:collapse;
	/*table-layout:fixed;*/
	word-wrap:break-word;
	
	margin:0 0 30px 0;
}

.cart_table thead th,.cart_table tbody td{
	border-bottom:1px solid #ddd;
	padding:15px 5px;
	text-align:left;
	color:#333;
	vertical-align:top;
}

.cart_table thead th{
	font-size:12px;
	font-weight:bold;
}
.cart_table .w2{ width:200px;}

.cart_table .tcenter{ text-align:center;}

.cart_table .title{
	font-size:16px;
}
.cart_table .price{
	padding:10px 0;
	color:#999;
}
.cart_table .price_2{ font-size:16px;}

.remark_total{
	overflow:hidden; zoom:1;
	padding:0 0 10px 0;
	margin:0 0 20px 0;
	border-bottom:1px solid #ddd;
}
.remark_total .remark{
	float:left;
	width:450px;
}
.remark_total .textarea{
	padding:5px;
	width:435px;
	border:1px solid #ddd;
	background:#fff;
}
.remark_total .subtotal{
	float:right;
	width:auto;
	text-align:right;
}
.remark_total .subtotal .t1{
	margin: 0 20px 0 0;
	font-size:14px;
	color:#999;
	font-family:'times new roman',times,serif;
}
.remark_total .subtotal .num{
	font-size:26px;
	font-weight:bold;
	font-family:'times new roman',times,serif;
}
.remark_total .subtotal .text{
	display:block;
	font-size:14px;
}

.checkout{
	margin:0 0 20px 0;
	overflow: hidden; zoom:1;
}
.checkout .buy{
	float:left;
	width:170px;
	height:35px;
	line-height:35px;
	text-align:center;
	color:#000;
	border:2px solid #ddd;
}
.checkout .buy span{
	padding:0 0 0 10px;
	background:url(../images/ico_4.png) no-repeat left 50%;
}
.checkout .buy:hover{
	border:2px solid #000;
	text-decoration:none;
}
.checkout .js{
	display:block;
	float:right;
	width:170px;
	height:39px;
	line-height:39px;
	text-align:center;
	color:#fff;
	border:none;
	background:#000;
}
.checkout .js:hover{ text-decoration:none;}

.checkout #paypal-button{
	margin:0 auto;
	width:150px;
}



.cartbot{
	text-align:right;
	color:#000;
}
.cartbot a{
	color:#000;
	text-decoration:underline;
}


.paysuccess{
	margin-top:50px;
	text-align:center;
}
.paysuccess .ico{
	display:block;
	margin:0 auto 20px;
	width:80px;
	height:80px;
	background:#f4f4f4 url(../images/ico_success.png) no-repeat 50% 50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.paysuccess .t_1{
	margin-bottom:5px;
	font-size:24px;
	color:#000;
}
.paysuccess .t_2{ color:#999;}





.protopcon{
	position: relative;
    z-index: 10;
	padding:0 0px 25px 0px;
	border-bottom:2px solid #000;
}
.protopcon .selcon{
	float:left;
	width:650px;
}

.classifyfisrt{
	position:relative;
	float:left;
	width:180px;
	z-index:20;
}
.classifyfisrt .text,.classi_in .text,.currencycon .text{
	padding:1px;
	border:1px solid #ddd;
}
.classifyfisrt .text span,.classi_in .text span,.currencycon .text span{
	display:block;
	padding:0 30px 0 10px;
	height:30px;
	line-height:30px;
	color:#000;
	background:url(../images/ico_select.png) no-repeat right 50%;
}

.classifyfisrt  .cur{
	/*position:relative;
	z-index:10;
	padding:0;
	border:2px solid #000;*/
}


.classilist{
	position:absolute;
	left:0;
	top:34px;
	z-index:10;
	width:178px;
	background:#fff;
	border:1px solid #ddd;
	border-top:none;
	
	display:none;
}
.classilist a{
	display: block;
	padding:0 10px;
	height:35px;
	line-height:35px;
	color:#000;
	
	font-family:'times new roman',times,serif;
}
.classilist a:hover{
	color:#fff;
	background:#000;
	text-decoration:none;
}

.classishow{
	float:left;
	margin:0 0 0 -1px;
	width:180px;
}
.classitext{
	display: none;
}
.classi_in{
	position:relative;
}


.currencycon{
	position:relative;
}
.currencycon .text{
	width:170px;
	
}
.currencycon .text span{
	overflow:hidden;
}
.currencycon .classilist{
	width:172px;

}

.currencycon .classilist a{
	
}



/* =Isotope
--------------------------------------------------------------------------------------------------------*/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { /*pointer-events: none;*/ z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:    -moz-transform, opacity; -ms-transition-property:     -ms-transform, opacity; -o-transition-property:         top, left, opacity; transition-property:         transform, opacity; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }


#options { width:auto; height:100px; z-index:300; text-align:right;}
#options ul { margin: 0; list-style: none; display:inline-block; padding-top:36px; float:right; margin-right:-7px; }
#options li { float: left;  }
#options li a { color: #555555; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-decoration:none; text-transform:uppercase; display:inline-block; padding:5px 17px;  margin:0px; }
#options li a:hover, #options li a.selected { color: #ffffff;}
/* End Isotope
--------------------------------------------------------------------------------------------------------*/




.prosearch{
	float:right;
}
.searchin{
	float:left;
	overflow:hidden; zoom:1;
	margin:0 0 0 20px;
	width:160px;
	border:2px solid #ddd;
}
.searchin .input{
	float:left;
	width:100px;
	padding:0 10px;
	height:30px;
	line-height:30px;
	font-size:13px;
	border:none;
	background:#fff;
	font-family:'times new roman',times,serif;
}
.searchin .submit{
	float:right;
	width:40px;
	height:30px;
	border:none;
	background:#000 url(../images/search.png) no-repeat 50% 50%;
}


span.customSelect {
    background-color: #fff;
    border: 1px solid #d7d7d7;
   /* border-radius: 2px;*/
    color: #333;
    font-size: 14px;
	width:110px;
	height:33px;
	line-height:33px;
	background:url(../images/ico_select.png) no-repeat right center;
	overflow: hidden;
}
span.customSelect.changed {
    background-color: #f0dea4;
}
.customSelectInner {
    padding: 0 10px 0 10px;
    height: 40px;
    line-height: 40px;
	 color: #333;
	 
	/*-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;*/
	
}


.productlist{
	margin:-2px 0 0 0;
	border-bottom:1px solid #ddd;
}
.productlist li{
	position:relative;
	float:left;
	width:313px;
	text-align:center;
	border-bottom:1px solid #ddd;
	
	margin:0 0 -1px 0;
}
.productlist li:first-child,.productlist li:nth-child(2),.productlist li:nth-child(3){ border-top:none;}
.productlist a{
	position:relative;
	display:block;
	padding:1px 0 20px 0;
}
.productlist .border{
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	display:block;
	width:98.7%;
	height:99%;
	border:2px solid #000;
	
	opacity:0;filter:Alpha(opacity=0);
	
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	-ms-transition:all .3s linear;
	transition:all .3s linear;
}
.productlist .img{
	position:relative;
	display:block;
}
.productlist .bg{
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	display:block;
	width:100%;
	height:100%;
	background:url(../images/logo_bg.png) no-repeat 50% 50%;
	
	opacity:0;filter:Alpha(opacity=0);
	
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	-ms-transition:all .3s linear;
	transition:all .3s linear;
}
.productlist .img img{
	display:block;
	width:100%;
	height:auto;
}
.productlist .size{
	display:block;
	padding:5px 10px 0;
	overflow:hidden; zoom:1;
	height:41px;
	line-height:1.2;
	color:#999;
	font-family:'times new roman',times,serif;
}
.productlist .title{
	display:block;
	padding:0 10px;
	color:#000;
	vertical-align:middle;
}
.productlist  .line{ padding:0 3px; font-size:12px;}
.productlist .price{
	font-size:20px;
	color:#000;
	font-weight:bold;
	font-family:'times new roman',times,serif;
}

.productlist a:hover{
	z-index:10;
	text-decoration:none;
}
.productlist a:hover .border,.productlist a:hover .bg{
	opacity:1;filter:Alpha(opacity=100);
}


.prodtips{
	padding:20px 0;
	text-align:center;
	font-family:'times new roman',times,serif;
}



.sitecon{
	position:relative;
	overflow:hidden; zoom:1;
	margin:0 0 15px 0;
}
.sitecon a{
	padding:0 15px 0 0;
	color:#000;
	background:url(../images/ico_3.png) no-repeat right 50%;
}
.sitecon span{
	padding:0 0 0 5px;
	color:#999;
}

.prodtop{
	margin:0 0 30px 0;
	border:1px solid #ddd;
}
.productin{
	overflow:hidden; zoom:1;
	padding:30px 40px;
}



/*
.conright .edittext a{
	text-decoration:none;
}
*/


.relatedpro{}
.relatedpro .rtitle{
	position:relative;
	z-index:10;
	overflow: hidden; zoom:1;
	padding:0 0 10px 0;
	border-bottom:2px solid #000;
}
.relatedpro .rtitle .t{
	display:block;
	float: left;
	font-size:24px;
	color:#000;
}
.relatedpro .rtitle .more{
	float:right;
	margin:10px 0 0 0;
	padding:0 10px 0 0;
	color:#999;
	background:url(../images/ico_3.png) no-repeat right 50%;
}
.relatedpro .productlist{

}
.relatedpro  .productlist li{
	border:none;
}



.attninfo{
	margin:25px 0 ;
	overflow:hidden; zoom:1;

	font-family:'times new roman',times,serif;
}
.attntitle{
	overflow:hidden; zoom:1;
	padding:0 0 10px 0;
	margin:0 0 20px 0;
	border-bottom:1px solid #ddd;
}
.attntitle_1{ margin:0;}
.attntitle .t1{
	float: left;
	width:200px;
	font-size:20px;
	color:#000;
}
.attntitle .addr{
	float:right;
	margin:6px 0 0 0;
	color:#000;
}

.attnlist{}
.attnlist li{
	overflow:hidden; zoom:1;
	margin:0 0 15px 0;
	color:#999;
	cursor:pointer;
}
.attnlist .name{
	display:block;
	float:left;
	margin:0 20px 0 0;
	width:120px;
	height:35px;
	text-align:center;
	line-height:35px;
	border:1px solid #ddd;
}
.attnlist .text{
	float:left;
	line-height:35px;
}
.attnlist .text .tel{
	margin-left:20px;
	color:#999;
}
.attnlist li.active{
	color:#000;
}
.attnlist li.active .name{
	width:118px;
	height:33px;
	border:2px solid #000;
}


.paycon{
	margin:0 0 35px 0;
}
.paylist{
	overflow:hidden; zoom:1;
}
.paylist li{
	float:left;
	margin:0 15px 0 0;
	width:94px;
}
.paylist .item{
	padding:1px;
	text-align:center;
	line-height:33px;
	border:1px solid #ddd;
	cursor:pointer;
}
.paylist .item img{ width:100%; height:auto;}

.paylist li.active .item{
	padding:0;
	border:2px solid #000;
}


.gobuy{
	display:block;
	margin:8px 0 40px 0;
	width:120px;
	height:35px;
	text-align:center;
	line-height:35px;
	color:#000;
	border:2px solid #ddd;
}
.gobuy span{
	padding:0 10px 0 0;
	background:url(../images/gobuy_1.png) no-repeat right 50%;
}
.gobuy:hover{
	color:#fff;
	border:2px solid #000;
	background:#000;
}
.gobuy:hover span{
	background:url(../images/gobuy_2.png) no-repeat right 50%;
}



.edittext .gobuy,.fragrancelist .hfleft .gobuy{
	text-decoration:none;
}



.cartcon{
	position:fixed;
	top:0;
	right:-100%;
	z-index:299;
	width:380px;
	background:#fff;
}
.cartcon .title{
	position:relative;
	padding:30px 0 10px 0;
	margin:0 30px;
	font-size:24px;
	color:#000;
	border-bottom:2px solid #000;
}
.cartcon .title .icon{
	position: absolute;
	top: 35px;
	left:30px;
	width: 18px;
	height: 30px;
	font-size: 18px;
	color:#fff;
	
	cursor: pointer;
	
	background: url(../images/ico_2.png) no-repeat 50% 50%;
	
	 transition:-webkit-transform .3s;
	 transition:transform .3s;
	 -webkit-transform:rotate(-180deg);
	 -ms-transform:rotate(-180deg);
	 transform:rotate(-180deg);
	
}
.cartcon .title_on .icon{
	transition:-webkit-transform .5s .1s;
	transition:transform .5s .1s;
	-webkit-transform:rotate(0);
	-ms-transform:rotate(0);
	transform:rotate(0);
	
	-webkit-transition-delay:.3s;
	-ms-transition-delay:.3s;
	transition-delay:.3s;
}
.cartcon .title .ico{
	/*display:inline-block;
	speak:none;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;*/
}
.cartcon .title .ico::before{
	/*content:'\e605';*/
}

.cartcon .close{
	position:absolute;
	right:0;
	top:40px;
	display:block;
	width:20px;
	height:20px;
	background: url(../images/close_cart.png) no-repeat 50% 50%;
	
	cursor:pointer;
}


.cart_in{
	padding:30px 0 10px 0;
}

.cartlist{
	padding:0 30px;
}
.cartlist li{
	overflow:hidden; zoom:1;
	padding:15px 0;
	border-bottom:1px solid #ddd;
}
.cartlist .img{
	display:block;
	float: left;
	margin:0 13px 0 0;
}
.cartlist .textcon{
	float:left;
	overflow:hidden;
	width:170px;
	color:#000;
}
.cartlist .t{
	display:block;
}
.cartlist .qty{
	display:block;
	padding:8px 0;
}
.cartlist .price{
	font-family:'times new roman',times,serif;
}

.cartlist .del,.prodlist .del{
	float:right;
	display:block;
	width:70px;
	height:33px;
	text-align:center;
	line-height:33px;
	font-size:12px;
	border:1px solid #ddd;
}
.cartlist .del span,.prodlist .del span{
	display:inline-block;
	padding:0 0 0 15px;
	background: url(../images/del.png) no-repeat left 50%;
}
.cartlist .del:hover,.prodlist .del:hover{
	color:#fff;
	border:1px solid #000;
	background:#000;
	text-decoration:none;
}
.cartlist .del:hover span,.prodlist .del:hover span{
	background: url(../images/del_hover.png) no-repeat left 50%;
}


.ctotal{
	padding:0 30px;
	overflow:hidden; zoom:1;
	font-size:15px;
}
.ctotal .tnum{
	display:block;
	float:left;
	color:#999;
}
.stotal{
	display:block;
	float:right;
	color:#000;
}
.stotal .price{
	font-weight:bold;
	font-family:'times new roman',times,serif;
}



.cartcon .tips{
	padding:0 0 30px 0;
	font-size:18px;
	text-align:center;
}

.cbtn{
	padding:0 30px;
}
.cbtn a{
	display:block;
	height:40px;
	line-height:40px;
	color:#fff;
	text-align: center;
	background:#000;
}
.cbtn a:hover{ text-decoration:none;}



.porductcon{
	padding:0 20px;
}



.proleft{
	position:relative;
	float:left;
	width:420px;
	text-align:center;
}
.proleft_in{
	/*position:relative;
	width:420px;
	margin:0 auto;*/
}
.proleft .brand{
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	display:block;
	width:100%;
	height:100%;
	background: url(../images/logo_bg.png) no-repeat left 0;
}
.proleft .img{
	border:1px solid #eee;
}


.proright{
	float:right;
	padding:0 0 0 40px;
	width:360px;
	border-left:1px solid #ddd;
}
.proright .title{
	display:block;
	font-size:25px;
	color:#000;
}
.proright .size{
	display:block;
	color:#999;
	font-family:'times new roman',times,serif;
}
.proright .price{
	display:block;
	padding:10px 0;
	font-size:18px;
	color:#000;
	font-family:'times new roman',times,serif;
}
.proright .price span{ font-size:32px; font-weight:bold;}
.proright .qty{
	padding:0 0 5px 0;
	color:#999;
}

.cartnum{
	overflow:hidden; zoom:1;
	margin: 0 0 50px 0;
	padding:4px 0;
	width:122px;
	border:1px solid #ddd;

}
.cartnum .sub,.cartnum .add{
	float:left;
	display:block;
	width:30px;
	height:25px;
	border:none;
	cursor:pointer;
	text-align:center;
	line-height:25px;
	color:#000;
}
.cartnum .add{

}
.cartnum .input{
	float: left;
	padding:0;
	margin:0;
	width:60px;
	height:25px;
	text-align:center;
	border:none;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	background:none;
}

.proright .btn{
	display:block;
	height:40px;
	line-height:40px;
	color:#fff;
	text-align:center;
	background:#000;
}
.proright .btn:hover{ text-decoration:none;}


.proinfo{
	padding:25px 40px;
	border-top:1px solid #ddd;
}
.proinfo .title{
	margin:0 0 10px 0;
	font-size:20px;
	color:#000;
	font-weight:normal;
}


.regtitle{
	margin:0 0 30px 0;
	padding:0 0 5px 0;
	font-size:34px;
	color:#000;
	text-align:center;
	border-bottom:2px solid #000;
}

.regcon{}
.regleft{
	float:left;
	padding:0 0 0 60px;
	width:470px;
	border-right:1px solid #ddd;
}
.regcon .t1{
	display:block;
	margin:0 0 15px 0;
	color:#000;
}
.regform{}
.regform li{
	position:relative;
	margin:0 0 15px 0;
}
.regform .label{
	display:block;
	float:left;
	margin:0 15px 0 0;
	width:65px;
	line-height:35px;
	color:#999;
}
.regform .input{
	float:left;
	padding:0 10px;
	width:330px;
	height:33px;
	line-height:33px;
	border:1px solid #ddd;
	
	font-family:'times new roman',times,serif;
}
.regform .input.error{border:1px solid #990000;}
.regform .required{
	float:left;
	display:block;
	margin:0 0 0 10px;
	color:#990000;
	line-height:35px;
}

.regform .w6{ width:60px;}
.regform .input_mobile{
	margin:0 0 0 10px;
	width:237px;
}


.areacon{
	float:left;
	margin:0 0 10px 0;
}
.areacon .selectbox{
	float:left;
	width:110px;
	margin:0 0 0 10px;
	
	font-family:'times new roman',times,serif;
}
.areacon .selectbox_1{ margin:0;}
.regform .input_area{
	margin:0 0 0 80px;
}
.regform .checkbox{margin:0 0 0 80px;}
.regform a{ color:#000;}
.regform .submit{
	display:block;
	margin:0 0 0 80px;
	width:352px;
	height:35px;
	line-height:35px;
	color:#fff;
	border:none;
	background:#000;
}



label.error{
	position:absolute;
	left:80px;
	top:-27px;
	z-index:1;
	padding:2px 10px;
	font-size:12px;
	color:#dd0202;
	background:#f5f5f5;

}
label.error:after{
	position: absolute;
	left: 50%;
	bottom:-5px;
	margin-left:-5px;
	content: '';
	width: 0;
	height: 0;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:5px solid #f5f5f5;
}




.regright{
	float:right;
	width:375px;
}
.regright .btn{
	display:block;
	width:170px;
	height:35px;
	line-height:35px;
	text-align:center;
	color:#000;
	border:2px solid #000;
}
.regright .btn:hover{
	text-decoration:none;
}


.popcon{
	margin:0 auto;
	width:940px;
	height:550px;
	background:#fff;
	overflow:hidden;
}
.popconin{
	padding:40px 50px;
}
.poptitle{
	padding:0 0 10px 0;
	margin:0 0 20px 0;
	font-size:24px;
	color:#000;
	font-weight:normal;
	border-bottom:2px solid #000;
}
.popcon .text{
	color:#666;
	height:345px;
	overflow:auto;
}
.popcon .btnbox{
	text-align:center;
}
.popcon .btn{
	display:inline-block;
	margin:20px 10px 0;
	width:170px;
	height:35px;
	text-align:center;
	line-height:35px;
	color:#fff;
	background:#000;
}
.popcon .btn:hover{
	text-decoration:none;
}


.popaddrcon{
	margin:0 auto;
	width:560px;
	height:395px;
	background:#fff;
	overflow:hidden;
}



.logincon{
	height:360px;
}


.memleft{
	float:left;
	width:180px;
	
	min-height:300px;
}
.memlist{
	margin:0 0 40px 0;
}
.memlist li{
	border-top:1px solid #ddd;
}
.memlist li:first-child{ border:none;}
.memlist a{
	display:block;
	padding:0 15px;
	height:40px;
	line-height:40px;
	color:#000;
}
.memlist a:hover{
	color:#fff;
	background:#000;
	text-decoration:none;
}
.memlist li.active a{
	color:#fff;
	background:#000;
}

.layout{}
.layout a{
	display: block;
	height:34px;
	line-height:34px;
	text-align:center;
	color:#000;
	border:2px solid #ddd;
}
.layout a:hover{
	color:#fff;
	background:#000;
	text-decoration:none;
	border:2px solid #000;
}


.memright{
	float:right;
	padding:0 0 30px 30px;
	width:700px;
	min-height:400px;
	border-left:1px solid #ddd;
}

.otypelist{
	margin:0 0 20px 0;
	background:url(../images/orderline.png) repeat-x left bottom;
	overflow:hidden; zoom:1;
}
.otypelist li{
	float:left;
	display:inline;
	width:100px;
	text-align:center;
	background:url(../images/line_3.png) no-repeat left 16px;
}
.otypelist li:first-child{
	background:none;
}
.otypelist a{
	display:block;
	padding:10px 0;
	font-size:18px;
	color:#666;
	border-bottom:2px solid #ddd;
}
.otypelist li.active a{
	color:#000;
	border-bottom:2px solid #000;
}
.otypelist a:hover{
	color:#000;
	text-decoration:none;
}

.osearch{
	margin:0 0 20px 0;
	overflow:hidden; zoom:1;
}
.osearch .searchin{
	float:right;
	width:210px;
}
.osearch .searchin .input{ width:150px;}


.orderlist{
	font-family:'times new roman',times,serif;
	
}
.orderlist .item{
	margin:0 0 20px 0;
	border-bottom:1px solid #ddd;
}
.orderlist .num{
	padding:8px 15px;
	color:#666;
	background:#e9e9e9;
}

.ordertable{
	margin:10px 0;
	border-collapse:collapse;
	/*table-layout:fixed;*/
	word-wrap:break-word;
}
.ordertable tbody td{
	padding:10px ;
	color:#000;
	text-align:center;
	border-left:1px solid #ddd;
}
.ordertable .plr0{ padding:10px 10px 10px 0; border: none;}

.ordertable .w1{
	width:100px;
}
.ordertable .w7{
	width:70px;
}

.oinfo{
	padding:10px 0;
	overflow:hidden; zoom:1;
}
.infolist{
	width:300px;
	text-align: left;
}
.infolist li{
	padding:10px 0;
	border-top:1px solid #ddd;
	overflow:hidden; zoom:1;
}
.infolist li:first-child{ border:none;}
.infolist .img{
	display: block;
	float:left;
	margin:0 5px 0 0;
}
.infolist .text{
	float:left;
	width:160px;
	margin:0 10px 0 0;
	color:#000;
}
.infolist .title{
	display:block;
	padding:5px 0 0 0;
}
.infolist .amount{
	float:left;
	padding:16px 0 0 0;
	width:40px;
}

.orderlist .nopay{ color:#990000;}
.orderlist .cancel{ color:#999;}

.orderlist .methods {
	display:block;
	color:#999;
	font-size:13px;
}
.orderlist .operation{
	font-size:13px;
}
.orderlist .operation a{
	display:block;
	margin:0 auto 10px auto;
	width:70px;
	height:33px;
	text-align:center;
	line-height:33px;
	color:#000;
	border:1px solid #ddd;
}
.orderlist .operation a:hover{
	color:#fff;
	border:1px solid #000;
	background:#000;
	text-decoration:none;
}


.infotop{
	overflow:hidden; zoom:1;
	padding:0 0 10px 0;
	border-bottom:2px solid #000;
}
.infotop .t1{
	float:left;
	width:300px;
	font-size:24px;
	color:#000;
}
.infotop .state{
	float:right;
	padding:10px 0 0 0;
	color:#000;
}
.ordernum{
	padding:12px 0;
	margin:0 0 40px 0;
	font-family:'times new roman',times,serif;
	color:#666;
	border-bottom:1px solid #ddd;
}
.recipients{
	margin:0 0 40px 0;
	font-family:'times new roman',times,serif;
}
.recipients .text{
	color:#000;
}

.remark_total_1{
	margin:0;
	border:none;
}

.remark_total_1 .subtotal{ width:auto;}


.perstitle{
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	font-size:24px;
	color:#000;
	border-bottom:2px solid #000;
}

.persform{
	margin:0 auto;
	width:440px;
}
.persform .label{
	margin:0 10px 0 0;
	width:75px;
}


.addrlist{}
.addrlist li{
	padding:25px 0;
	border-bottom:1px solid #ddd;
	font-family:'times new roman',times,serif;
	color:#666;
}
.addrlist li:first-child{
	padding:10px 0 25px 0;
}
.addrlist .name{
	margin:0 0 10px 0;
	color:#000;
}
.addrlist .default{
	padding:5px 10px;
	margin:0 0 0 10px;
	color:#fff;
	font-size:12px;
	background:#000;
	vertical-align:top;
}
.addrlist .textcon{
	position:relative;
	overflow:hidden; zoom:1;
}
.addrlist .text{
	width:580px;
}
.addrlist .links{
	position:absolute;
	right:0;
	bottom:0;
	color:#000;
}
.addrlist .t1{
	padding:0 10px 0 0;
	margin:0 5px 0 0;
	background:url(../images/line_3.png) no-repeat right 2px;
}
.addrlist .links a{
	color:#000;
}

.addrnull{
	padding:100px 0 0 0;
	text-align:center;
}
.addrnull .text{
	display:block;
	padding:10px 0 0 0;
	color:#999;
}


.salesleft{
	float:left;
	margin:0 0 0 70px;
	padding:0 40px 0 0;
	width:360px;
	min-height:230px;
	
	border-right:1px solid #ddd;
}
.salestitle{
	margin:0 0 10px 0;
	color:#000;
	font-size:20px;
}

.saleslist{
}
.saleslist li{
	padding:15px 0;
	border-top:1px solid #ddd;
	
	overflow:hidden; zoom:1;
}
.saleslist .sel{
	float:left;
	margin:16px 10px 0 0;
}

.saleslist a{
	display:block;
	float:left;
	overflow:hidden; zoom:1;
}
.saleslist .img{
	display:block;
	float:left;
	margin:0 10px 0 0;
}
.saleslist .text{
	display:block;
	padding:7px 0 0 0;
	color:#000;
	overflow:hidden;
	font-family:'times new roman',times,serif;
}

.saleslist a:hover{
	text-decoration:none;
}


.salesright{
	float:left;
	padding:0 0 0 40px;
	width:360px;
}


.issuelist{
	
}
.issuelist .textarea{
	padding:10px;
	width:338px;
}
.issuelist .submit{
	display:block;
	margin:20px 0 0 0;
	width:100%;
	height:35px;
	line-height:35px;
	border:none;
	color:#fff;
	background:#000;
}



.salestipscon{
	position:fixed;
	left:50%;
	top:30%;
	z-index:299;
	margin:0 0 0 -240px;
	padding:55px 0;
	width:480px;
	text-align:center;
	background:#fff;
	
	display:none;
}
.salestipscon .close{
	position:absolute;
	right:10px;
	top:10px;
	z-index:10;
	width:35px;
	height:35px;
	background: url(../images/close_cart.png) no-repeat 50% 50%;
	
	cursor:pointer;
}
.salestipscon .t1{
	display:block;
	padding:20px 0 5px 0;
	font-size:24px;
	color:#000;
}
.salestipscon .t2{
	color:#666;
}

/* iCheck plugin Futurico skin
----------------------------------- */
.icheckbox,
.iradio {
    display: inline-block;
    *display: inline;
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: 13px;
    height: 13px;
    background: url(../images/checkbox.png) no-repeat left 0;
    border: none;
    cursor: pointer;
}

.icheckbox {
    background-position: 0 0;
}
.icheckbox.checked {
	background-position: left -25px;
}
.icheckbox.disabled {
	background-position: 0 0;
	cursor: default;
}
.icheckbox.checked.disabled {
	background-position: 0 0;
}


.iradio {
    background-position: 0 0;
}
.iradio.checked {
	background-position: left -20px;
}
.iradio.disabled {
	background-position: 0 0;
	cursor: default;
}
.iradio.checked.disabled {
	background-position: 0 0;
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox,
    .iradio {
        /*background-image: url(../images/radio.png) no-repeat left 0;
        -webkit-background-size: 35px 35px;
        background-size: 35px 35px;*/
    }
}



.replaylist{}
.replaylist li{
	padding:15px 0;
	border-top:1px solid #ddd;
}
.replaylist .title{
	display: block;
	margin:0 0 5px 0;
	font-size:12px;
	color:#999;
}
.replaylist .t2{
	display: block;
	color:#000;
}
.replaylist .red{
	color:#cc0000;
}



.sharecon{
	padding:20px 0 0 0;
}
.sharecon .bdsharebuttonbox{}
.sharecon .bdsharebuttonbox a{
	display: inline-block;
	float:none;
	padding:0;
	margin:0 10px;
	width:24px;
	height:24px;
}
.sharecon .bdsharebuttonbox .bds_fbook{
	background: url(../images/facebook.png) no-repeat 50% 50%;
}
.sharecon .bdsharebuttonbox .bds_twi{
	background: url(../images/in.png) no-repeat 50% 50%;
}

.sharecon .bdsharebuttonbox .bds_weixin{
	background: url(../images/wx_s.png) no-repeat 50% 50%;
}

.sharecon .bdsharebuttonbox .bds_tqq{
	background: url(../images/weibo.png) no-repeat 50% 50%;
}

.sharecon .bdsharebuttonbox .bds_fbook,.sharecon .bdsharebuttonbox .bds_twi{
	display: none;
}





.pageOverlay{
    display: none;
    height: 120%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 210;
	background-color:rgba(0,0,0,0.7);
}


.backbtn{
	position: absolute;
	right:0;
	top:0;
	z-index:10;
	display: block;
	color:#000;
}
.backbtn span{
	/*display: block;
	padding:0 10px 0 0;
	background: url(../images/ico_3.png) no-repeat right 50%;*/
}
.backbtn:hover{
	color:#000;
	text-decoration:none;
}




.wxbox{
	position:fixed;
	left:50%;
	top:50%;
	z-index:99;
	padding:15px;
	margin:-108px 0 0 -96px;
	width:161px;
	border:1px solid #ddd;
	background: #fff;
	text-align:center;

	display:none;
}
.wxbox .close{
	position:absolute;
	right:0;
	top:0;
	z-index:10;
	display:block;
	width:25px;
	height:25px;
	background: url(../images/wclose.png) no-repeat 50% 50%;

	cursor:pointer;
}



.footer{
	padding:25px 0 20px 0;
	color:#fff;
	background:#000;
}
.footertop{}
.footleft{
	float: left;
	margin:0 0 0 165px;
	width:300px;
}
.footer .title{
	display:block;
	margin:0 0 15px 0;
	text-align:center;
	color:#fff;
}

.footform{
	padding:0 0 10px 0;
}
.footform li{
	margin:0 0 12px 0;
}
.footform .input{
	width:280px;
	padding:0 9px;
	height:32px;
	line-height:32px;
	color:#fff;
	background:#000;
	border:1px solid #fff;
}
.footform .input.error{
	border:1px solid #ec4d4d;
	-webkit-box-shadow: 0 0 1px 1px #ec4d4d;
	box-shadow: 0 0 1px 1px #ec4d4d;
}
.footform .submit{
	width:300px;
	height:35px;
	line-height:35px;
	color:#333;
	border:none;
	background:#d3d3d3;
}

.errortips{
	text-align:center;
	color:#ff0000;
}

.footemail{
	float:left;
	margin:0 0 0 150px;
	width:200px;
	text-align:center;
}
.footemail .link{
	color:#fff;
	text-decoration:underline;
}

.copyright{
	padding:30px 0 0 0;
	text-align:center;
}





/**/
.jqzoom{position:relative;padding:0px;/*cursor:pointer;*/}
.jqzoom img{float:left;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:200px;height:200px;background:#fff;border:1px solid #09d;display:none;text-align:center;overflow: hidden;}
.zoomdiv .bigimg{width:800px;height:600px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}