@charset "utf-8";
/* CSS Document */
.main .jewelry-price-slider .ui-state-default, .main .jewelry-weight-slider, .main .jewelry-carat-slider .ui-state-default{
	width:32px;
	height:21px;
	border:none;
	background:url(/img/system/www/p/diamond/diamond_slider_icon.png) no-repeat top left;
	top:-12px;
}

.main .jewelry-price-slider .ui-slider-range, .main .jewelry-weight-slider, .main .jewelry-carat-slider .ui-slider-range{
	background:#808082;
}

body .main .jewelry-price-slider{
	width:232px;
	height:1px;
	border:none;
	background:none;
	position:absolute;
	top:46px;
	left:20px;
}

body .main .jewelry-carat-slider{
	width:232px;
	height:1px;
	border:none;
	background:none;
	position:absolute;
	top:46px;
	left:20px;
}
/****************************************/

.screen-div{
	margin-top:10px;
	padding-left:9px;
	position:relative;
}
.innerCate{
	margin-top:50px;
	margin-right:50px;
	float:left;
	width:180px;
}
.innerCate .cate_title{
	padding-left:4px;
	width:156px;
	height:22px;
	line-height:22px;
	text-align:left;
	color:#5e5e5e;
	font-size:16px;
}
.innerCate ul{
	width:180px;
	list-style:none;
}
.innerCate ul li{
	margin-right:12px;
	width:75px;height:91px;
	text-align:center;
	line-height:16px;
	color:#5e5e5e;
	font-size:13px;
	float:left;
}
.innerCate ul li img{
	width:75px;height:75px;
}
.innerCate ul li.last{
	margin-right:0;
}
.innerCate ul li a{
	color:#5e5e5e;
	font-size:13px;
}
.innerCate ul li.current a{
	font-weight:bold;
	color:#a25a8a;
}
.price-div{
	margin-right:50px;
	margin-top:70px;
	float:left;
	width:293px;
	height:93px;
	background:url(/img/system/www/p/jewelry/price_div_bg.png) no-repeat top left;
	position:relative;
}

.price-div .dsa-2-e1{
	font-size:12px;
	color:#99897c;
	position:absolute;
	top:14px;
	left:16px;
}

.price-div .jewelry-price-select{
	width:150px;
	height:20px;
	border:1px solid #a6a6a6;
	background:#fff;
	position:absolute;
	top:10px;
	left:68px;
}

.price-unit-min, .price-unit-max{
	display:block;
	width:30px;
	padding-right:5px;
	height:16px;
	line-height:16px;
	font-size:13px;
	color:#000;
	text-align:right;
	position:absolute;
	top:61px;
	left:5px;
}

.price-unit-max{
	left:140px;
}
.price-slider-min, .price-slider-max{
	width:100px;
	height:14px;
	text-align:center;
	border:1px solid #c9c9c9;
	position:absolute;
	top:61px;
	left:40px;
}

.price-slider-max{
	left:176px;
}

.carat-div{
	margin-right:50px;
	margin-top:70px;
	float:left;
	width:293px;
	height:93px;
	background:url(/img/system/www/p/jewelry/price_div_bg.png) no-repeat top left;
	position:relative;
}

.carat-div .dsa-2-e1{
	font-size:12px;
	color:#99897c;
	position:absolute;
	top:14px;
	left:16px;
}

.carat-div .jewelry-carat-select{
	width:150px;
	height:20px;
	border:1px solid #a6a6a6;
	background:#fff;
	position:absolute;
	top:10px;
	left:68px;
}

.carat-unit-min, .carat-unit-max{
	display:block;
	width:30px;
	padding-right:5px;
	height:16px;
	line-height:16px;
	font-size:13px;
	color:#000;
	text-align:right;
	position:absolute;
	top:61px;
	left:108px;
}

.carat-unit-max{
	left:243px;
}
.carat-slider-min, .carat-slider-max{
	width:100px;
	height:14px;
	text-align:center;
	border:1px solid #c9c9c9;
	position:absolute;
	top:61px;
	left:20px;
}

.carat-slider-max{
	left:155px;
}

.jewelry-record-div{
	padding:17px 0 0 13px;
	width:976px;
	position:relative;
}

.jewelry-record-list{}

.jewelry-record-list li{
	margin-right:46px;
	margin-bottom:15px;
	width:208px;
	height:300px;
	float:left;
	font-family:"Times New Roman", Times, serif;
}

.jewelry-record-list li.nm{
	margin-right:0;
}

.jewelry-record-list li .ov-w{
	padding:9px;
	width:190px;
	height:190px;
	background:url(/img/system/www/p/jewelry/record_item_img_bg.png) no-repeat top left;
	position:relative;
}

.jewelry-record-list li .ov-w .ovl{
	position:absolute;
	top:9px;left:9px;
	width:190px;
	height:190px;
	overflow:hidden;
}
.jewelry-record-list li .ov-w .ov1{
	z-index:1000;
}
.jewelry-record-list li .ov-w .ov2{
	z-index:999;
}
.jewelry-record-list li .ov-w .ovs{
	width:52px;
	height:52px;
	overflow:hidden;
	border:2px solid #e1e1e1;
	position:absolute;
	right:12px;bottom:12px;
}
.jewelry-record-list li .ov-w .ov3{
	z-index:1001;
}
.jewelry-record-list li .ov-w .ov4{
	z-index:1002;
	
}

.jewelry-record-list li .name{
	text-align:center;
	font-size:12px;
	line-height:13px;
	color:#311e08;
}

.jewelry-record-list li .price{
	margin-top:11px;
	text-align:center;
	font-size:12px;
	line-height:13px;
	color:#311e08;
}
.jewelry-record-list li a.atr{
	display:block;
	margin:10px auto;
	width:102px;height:23px;
	background:url('../../img/system/www/p/design/us/atr.jpg') no-repeat top left;
}
.jewelry-record-list li a.atr:hover{
	display:block;
	margin:10px auto;
	width:102px;height:23px;
	background:url('../../img/system/www/p/design/us/atr_over.jpg') no-repeat top left;
}
body.hk .jewelry-record-list li a.atr{
	display:block;
	margin:10px auto;
	width:102px;height:23px;
	background:url('../../img/system/www/p/design/hk/atr.jpg') no-repeat top left;
}
body.hk .jewelry-record-list li a.atr:hover{
	display:block;
	margin:10px auto;
	width:102px;height:23px;
	background:url('../../img/system/www/p/design/hk/atr_over.jpg') no-repeat top left;
}
.jewelry-record-list li .wmprice{
	margin-top:5px;
	text-align:center;
	font-size:12px;
	line-height:13px;
	color:#311e08;
}

.jewelry-record-list li .wwprice{
	margin-top:3px;
	text-align:center;
	font-size:12px;
	line-height:13px;
	color:#311e08;
}

.page-top{
	width:400px;
	position:absolute;
	top:-150px;
	right:0px;
}

.page-bottom{
	margin-top:50px;
}

.stdPageList{
	text-align:right;
}

.stdPageList a{
	margin-left:7px;
	display:inline-block;
	width:19px;
	height:17px;
	text-align:center;
	font-size:17px;
	line-height:17px;
	color:#686868;
	border:1px solid #f0ccaa;
	background:#f9e7d6;
}

.stdPageList a.current{
	border:1px solid #000;
}


/* detail */
.j-detail-wrap{
	margin-top:10px;
	height:1100px;
	position:relative;
}

.img-wrap{
	position:absolute;
	top:20px;
	padding:12px 12px 14px 13px;
	width:319px;
	height:290px;
	background:url(/img/system/www/p/jewelry/img_wrap_bg.png) no-repeat top left;
}

.img-wrap .io{
	width:319px;
	height:280px;
	overflow:hidden;
	position:absolute;
	top:12px;left:13px;
	display:none;
	z-index:900;
}
.img-wrap .next{
	display:block;
	z-index:999;
}
.img-wrap .current{
	display:block;
	z-index:1000;
}
.img-wrap .io .io_wrap{
	position:relative;
	width:319px;
	height:280px;
	overflow:hidden;
}
.img-wrap .io .io_wrap img{
	position:absolute;
	cursor:pointer;
}
.img-wrap img.loading{
	width:35px;height:35px;
	top:50%;
	left:50%;
	z-index:2000;
}
.img-wrap .img-list{
	text-align:left;
	height:39px;
	overflow:hidden;
	position:absolute;
	top:305px;left:20px;
	z-index:10000;
}

.img-wrap .img-list a{
	display:inline-block;
	margin-right:3px;
	width:37px;
	height:37px;
	overflow:hidden;
	border:1px solid #cdcdcd;
}
.img-wrap .img-list a.ytb img{
	width:49px;height:37px;
}
.base-dt{
	width:591px;
	height:340px;
	font-family:"Times New Roman", Times, serif;
	color:#311e08;
	position:absolute;
	top:20px;
	left:365px;
}

.base-dt-l{
	padding-right:21px;
	width:271px;
	height:300px;
	float:left;
}
.base-dt-r{
	position:absolute;
	top:50px;left:715px;
	width:240px;min-height:300px;
}
.base-dt .name{
	height:32px;
	font-size:15px;
	line-height:32px;
}
.base-dt .price{
	margin-top:20px;
	font-size:19px;
	line-height:19px;
	float:left;
}
.base-dt .rs{
	margin-top:20px;
	width:164px;height:32px;
	float:left;
	line-height:18px;
	color:#311e08;
	font-size:15px;
}
.base-dt .rs a{
	display:block;
	font-style:normal;
	font-size:12px;
	color:#1147aa;
}
.base-dt .rsck{
	margin-top:20px;
	width:65px;height:32px;
	float:right;
}
.base-dt .rsck .rsck_i{
	width:63px;height:17px;
	border:1px solid #b6b6b6;
}
.base-dt .er{
	margin-top:20px;
	width:85px;height:22px;
	float:left;
	
}
.base-dt .er .er_i{
	display:inline-block;
	float:left;
}
.base-dt .er label{
	display:inline-block;
	width:52px;
	float:right;
	line-height:22px;
	text-align:right;
	color:#311e08;
	font-size:15px;
}
body.hk .base-dt .er label{
	text-align:left;
}
.base-dt .cf{
	margin-top:20px;
	width:161px;height:22px;
	float:right;
	position:relative;
}
.base-dt .cf .cf_i{
	width:159px;height:17px;
	border:1px solid #b6b6b6;
	cursor:pointer;
}
.base-dt .cf .cf_i .cf_selected{
	width:141px;height:17px;
	line-height:17px;
	float:left;
	font-size:13px;
	color:#828282;
	text-align:left;
	background:#fff;
}
.base-dt .cf .cf_i .cf_btn{
	width:18px;height:17px;
	float:left;
	cursor:pointer;
	background:url('/img/system/www/p/jewelry/select_btn_bg.jpg') no-repeat top left;
}
.base-dt .cf .cf_o{
	position:absolute;
	top:19px;
	width:159px;
	border:1px solid #b6b6b6;
	border-top:none;
	list-style:none;
	display:none;
}
.base-dt .cf .cf_o li{
	width:159px;
	border-bottom:1px solid #b6b6b6;
	background:#fff;
}
.base-dt .cf .cf_o li img{
	max-width:159px;
	cursor:pointer;
}
.base-dt .cf .cf_i .cf_selected img{
	max-width:141px;
	max-height:17px;
}
.base-dt .ec{
	margin-top:3px;
	width:271px;height:22px;
}
.base-dt .ec .ec_i{
	width:269px;height:20px;
	text-align:left;
	line-height:20px;
	font-size:12px;
	color:#a3a3a3;
	border:1px solid #b6b6b6;
	background:#fff;
}
.base-dt .add-to-cart{
	margin-top:44px;
	cursor:pointer;
	width:271px;height:36px;
	background:url(/img/system/www/p/jewelry/us/addToShoppingCart.jpg) no-repeat top left;
}
.base-dt .add-to-cart:hover{
	background:url(/img/system/www/p/jewelry/us/addToShoppingCart_over.jpg) no-repeat top left;
}
body.hk .base-dt .add-to-cart{
	margin-top:44px;
	cursor:pointer;
	width:271px;height:36px;
	background:url(/img/system/www/p/jewelry/hk/addToShoppingCart.jpg) no-repeat top left;
}
body.hk  .base-dt .add-to-cart:hover{
	background:url(/img/system/www/p/jewelry/hk/addToShoppingCart_over.jpg) no-repeat top left;
}
.base-dt .add-to-design{
	margin-top:44px;
	cursor:pointer;
	width:271px;height:36px;
	background:url(/img/system/www/p/design/us/styoj_btn.jpg) no-repeat top left;
}
.base-dt .add-to-design:hover{
	background:url(/img/system/www/p/design/us/styoj_btn_over.jpg) no-repeat top left;
}
body.hk .base-dt .add-to-design{
	margin-top:44px;
	cursor:pointer;
	width:271px;height:36px;
	background:url(/img/system/www/p/design/hk/styoj_btn.jpg) no-repeat top left;
}
body.hk .base-dt .add-to-design:hover{
	background:url(/img/system/www/p/design/hk/styoj_btn_over.jpg) no-repeat top left;
}
.base-dt .shareby{
	margin-top:16px;
	font-size:13px;
	line-height:13px;
}

.base-dt .share-icon{
	margin-top:5px;
}

.base-dt .share-icon a{
	margin-right:3px;
}
.all-dt{
	position:absolute;
	width:967px;height:180px;
	top:380px;
	left:13px;
	font-family:"Times New Roman", Times, serif;
}
.ring-dt{
	width:287px;
	height:152px;
	float:left;
}

.ring-dt h3, .diamond-dt h3{
	margin-bottom:5px;
	height:25px;
	font-size:16px;
	color:#311e08;
	line-height:25px;
	border-bottom:1px dotted #989898;
}

.detail-item{
	min-height:18px;
}
.item-last{
	margin-bottom:30px;
}

.detail-item label{
	display:inline-block;
	width:180px;
	float:left;
	font-size:14px;
	line-height:18px;
}

.detail-item span{
	display:inline-block;
	width:100px;
	text-align:right;
	float:right;
	font-size:14px;
	line-height:18px;
}

.diamond-dt{
	margin-left:80px;
	width:287px;
	float:left;
}
.diamond-dt .detail-item label{
	width:200px;
}
.diamond-dt .detail-item span{
	width:75px;
}


/* 返回列表 */
.back-to-list{
	position:absolute;
	top:15px;
	left:900px;
}

div.designBlock{
	margin-top:22px;
	padding-bottom:30px;
	width:998px;min-height:300px;
	border:1px solid #adadad;
	font-family:"Times New Roman",Times;
}
div.bar{
	margin-top:30px;
	width:957px;height:36px;
}

div.bar .ca{
	width:271px;height:36px;
	float:right;
}
/*cart list*/
table.designList{
	width:100%;
	font-family:'Times New Roman',Times,serif;
	border:none;
}
table.designList td{
	padding-top:14px;
	padding-bottom:14px;
	border-bottom:1px dotted #d6d6d6;
}
table.designList tr.h td{
	font-size:20px;
	color:#3f3f3f;
	border-bottom:1px solid #898989;
}
table.designList tr.h td.hl{
	padding-left:25px;
	text-align:left;
}
table.designList tr.h td.hr{
	text-align:right;
	padding-right:70px;
}
table.designList tr.h td a.d_back{
	width:45px;height:17px;
}
table.designList td.pname{
	padding-left:25px;
	width:60%;
	vertical-align:middle;
}
table.designList td.quantity{
	width:10%;
	vertical-align:middle;
}
table.designList td.su{
	width:10%;
	text-align:center;
	vertical-align:middle;
}
table.designList td.st{
	width:10%;
	vertical-align:middle;
}
table.designList td.tool{
	width:10%;
	vertical-align:top;
}
table.designList td.last_name{
	padding-left:25px;
	vertical-align:center;
	text-align:left;
}
table.designList td.total{
	vertical-align:center;
	text-align:left;
}
table.designList tr.last td{
	border:none;
}
table.designList tr.last td .row{
	color: #3e3e3e;
	font-size: 15px;
}
table.designList tr.last td.su,table.designList tr.last td.st{
	border-bottom:double #484848;
}
table.designList td div.row{
	margin-top:70px;
}
table.designList td.pname div.limg{
	width:140px;height:170px;
	float:left;
	overflow:hidden;
}
table.designList td.pname div.limg p.tip{
	margin:0;padding:0;
	width:100%;
	height:30px;
	line-height:30px;
	color:#3f3f3f;
	font-size:16px;
}
table.designList td.pname div.limg img{
	max-width:140px;
	min-height:140px;
}
table.designList td.pname div.rtxt{
	margin-top:20px;
	margin-left:70px;
	width:320px;
	float:left;
}
table.designList td.pname div.rtxt div.pName{
	width:100%;height:24px;
	text-align:left;
	line-height:24px;
	color:#3f3f3f;
	font-size:15px;
	font-weight:bold;
	border-bottom:1px dotted #d6d6d6;
}
table.designList td.pname div.rtxt div.pName_nob{
	border:none;
}
table.designList td.pname div.rtxt div.h6{
	margin-top:10px;
	width:100%;height:18px;
	text-align:left;
	line-height:18px;
	color:#3f3f3f;
	font-size:13px;
	border-bottom:1px dotted #d6d6d6;
}
table.designList td.pname div.rtxt ul.pro_extra{
	margin-top:5px;
	width:100%;height:96px;
	list-style:none;
}
table.designList td.pname div.rtxt ul.pro_extra li{
	width:100%;
	line-height:20px;
}
table.designList td.pname div.rtxt ul.pro_extra li div.label{
	width:50%;
	float:left;
	text-align:left;
	line-height:20px;
	font-size:12px;
	color:#666666;
}
table.designList td.pname div.rtxt ul.pro_extra li div.val{
	width:50%;
	float:right;
	text-align:right;
	line-height:20px;
	font-size:12px;
	color:#666666;
}
table.designList td.quantity label{
	margin-right:5px;
	height:30px;
	line-height:30px;
	text-align:left;
	color:#3e3e3e;
	font-size:13px;
}
table.designList td.quantity input{
	width:28px;height:28px;
	line-height:28px;
	text-align:center;
	color:#484848;
	font-size:13px;
	border:1px solid #a1a1a1;
}
table.designList td.su label{
	height:30px;
	line-height:30px;
	text-align:left;
	color:#3e3e3e;
	font-size:15px;
}
table.designList td.st label{
	height:30px;
	line-height:30px;
	text-align:left;
	color:#3e3e3e;
	font-size:15px;
}
table.designList td.tool a{
	line-height:30px;
}
table.designList td.tool a.dc{
	margin-left:5px;
	display:inline-block;
	width:64px;
	height:30px;
	line-height:30px;
	text-align:left;
	color:#3f3f3f;
	font-size:15px;
	float:left;
}
table.designList td.tool a.del{
	margin-left:5px;
	display:inline-block;
	width:64px;
	height:30px;
	line-height:30px;
	text-align:left;
	color:#3f3f3f;
	font-size:15px;
	float:left;
}
body.hk table.designList td.tool a.dc{
	height:20px;
	line-height:20px;
	font-size:13px;
}
body.hk table.designList td.tool a.del{
	height:20px;
	line-height:20px;
	font-size:13px;
}
table.designList td.tool a.dc:hover{
	color:#0a5a3f;
}
table.designList td.tool a.del:hover{
	color:#0a5a3f;
}
div.designBlock p.result{
	padding-top:60px;
	padding-bottom:60px;
	width:100%;
	text-align:center;
	line-height:24px;
	color:#3f3f3f;
	font-size:20px;
	font-weight:bold;
}

.base-dt-r .dt-r-t{
	width:240px;height:28px;
	line-height:28px;
	text-align:center;
	color:#fff;
	font-size:18px;
	background:#42ad88;
	border-bottom:1px solid #fff;
}
.base-dt-r .dt-r-box{
	width:238px;
	min-height:180px;
	border:1px solid #9abbb0;
	border-top:none;
}
.base-dt-r .dt-r-box p{
	padding:20px 0;
	text-align:center;
	line-height:20px;
	font-size:16px;
	color:#000;
}
.dt-r-detail{
	width:238px;
}
.dt-r-detail .dt-r-detail-t{
	height:28px;
	line-height:28px;
	text-align:center;
	font-size:15px;
	color:#0a5a3f;
	background:#95d6c0;
}
.dt-r-detail .dt-r-detail-l{
	padding:15px 0 15px 10px;
	width:124px;
	float:left;
	text-align:left;
}
.dt-r-detail .dt-r-detail-l .img{
	width:64px;height:64px;
	overflow:hidden;
	overflow:hidden;
}
.dt-r-detail .dt-r-detail-l .img img{
	max-width:64px;
	min-height:64px;
}
.dt-r-detail .dt-r-detail-l ul.dd{
	margin-top:6px;
	width:124px;
	list-style:none;
}
.dt-r-detail .dt-r-detail-l ul.dd li{
	width:124px;
	line-height:18px;
	font-size:14px;
	color:#4e4e4e;
}
.dt-r-detail .dt-r-detail-r{
	padding:15px 10px 15px 0;
	width:94px;
	float:right;
	text-align:right;
}
.dt-r-detail .dt-r-detail-r .dp{
	margin-bottom:85px;
	line-height:18px;
	height:16px;
	color:#4e4e4e;
}
.dt-r-detail .dt-r-detail-r .dla{
	line-height:16px;
	color:#4e4e4e;
	font-size:12px;
}
.dt-r-detail .dt-r-detail-r .dla:hover{
	color:#0a5a3f;
	font-size:12px;
}
.dt-r-total{
	width:238px;height:60px;
	border-top:1px dotted #999999;
}
.dt-r-total .dt-r-total-l{
	padding-left:10px;
	width:124px;height:60px;
	float:left;
	text-align:left;
	line-height:60px;
	font-size:16px;
	color:#4e4e4e;
}
.dt-r-total .dt-r-total-r{
	padding-right:10px;
	width:94px;height:60px;
	float:right;
	text-align:right;
	line-height:60px;
	font-size:16px;
	color:#4e4e4e;
}
.dt-r-total .dt-r-total-r em.ta{
	font-style:normal;
}
.hiddenContent{
	display:none;
}
#Trans{
	margin:0;padding:0;
	width:100%;height:100%;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
	position:fixed;
	top:0;left:0;
	background:#000;
	z-index:10000;
}
#popup{
	position:fixed;
	width:778px;height:581px;
	background:url('../../img/system/www/p/jewelry/popup_bg.jpg') repeat-x top left;
	border:1px solid #bababa;
	z-index:10001;
}
#popupInner{
	position:relative;
	width:100%;height:100%;
}
#popupClose{
	position:absolute;
	top:8px;right:10px;
	width:23px;height:23px;
	background:url('../../img/system/www/p/jewelry/close.jpg') no-repeat top left;
	cursor:pointer;
}
#popupPrev{
	position:absolute;
	top:247px;left:32px;
	width:40px;height:40px;
	background:url('../../img/system/www/p/jewelry/left.jpg') no-repeat top left;
	cursor:pointer;
}
#popupPrev:hover{
	background:url('../../img/system/www/p/jewelry/left_over.jpg') no-repeat top left;
}
#popupNext{
	position:absolute;
	top:247px;right:33px;
	width:40px;height:40px;
	background:url('../../img/system/www/p/jewelry/right.jpg') no-repeat top left;
	cursor:pointer;
}
#popupNext:hover{
	background:url('../../img/system/www/p/jewelry/right_over.jpg') no-repeat top left;
}
#popupImg{
	position:absolute;
	padding:8px 0 0 10px;
	top:35px;left:123px;
	width:523px;height:463px;
	background:url('../../img/system/www/p/jewelry/img_bg.png') no-repeat top left;
}
#popupImgInner{
	position:relative;
	width:512px;height:448px;
	overflow:hidden;
}
#popupImgInner .common{
	position:absolute;
	display:none;
	z-index:19000;
}
#popupImgInner .next{
	display:block;
	z-index:19999;
}
#popupImgInner .current{
	display:block;
	z-index:20000;
}
#popupImgList{
	position:absolute;
	top:515px;
	width:778px;
	text-align:center;
	list-style:none;
}
#popupImgList li{
	display:inline-block;
	position:relative;
	margin-right:3px;
	width:37px;height:37px;
	overflow:hidden;
	border:1px solid #cccccc;
}
#popupImgList li img{
	cursor:pointer;
}
#popupImgList li.ytb img{
	width:49px;height:37px;
}