﻿@charset "utf-8";
/****************************
CSS Document
WeiSite : http://www.wsrj.cn 网站名称
Useing : 糖巢web 产品展示 Style(mall)
Author : Ace
Passed : XHtml 1.0, CSS 2.0, IE6.0+, IE7.0+, FF2.0+, Opera9.26+
Update : 2014-1-21
****************************/
body{
	position:relative;
}
.ui-prolist{
	width:1178px;
	min-height:150px;
	background:#fefefe;
	border:1px solid #f0ebe9;
	padding:5px 10px;
	margin:20px auto 10px auto;
}
.ui-prolist div{
	width:100%;
	height:45px;
	position:relative;
	border-top:1px dotted #e8e8e8;
}
.ui-prolist div:first-child{
	border-top:none;
}
.ui-prolist div h2{
	width:135px;
	position:absolute;
	display:inline-block;
}
.ui-prolist div h2 a{
	width:auto;
	display:block;
	height:45px;
	line-height:45px;
	padding-left:35px;
	font-size:20px;
	color:#383838;
	background:url(../images/p_list_bg_hover.gif) 15px center no-repeat;
}
.ui-prolist div h2 a:hover{
	color:#993001;
	text-decoration:none;
	background:url(../images/p_list_bg.gif) 15px center no-repeat;
}
.ui-prolist div ul{
	width:1010px;
	height:45px;
	margin-left:135px;
}
.ui-prolist div ul li{
	min-width:30px;
	height:45px;
	float:left;
}
.ui-prolist div ul li a{
	min-width:auto;
	height:16px;
	line-height:16px;
	margin-top:15px;
	display:block;
	padding:0px 13px;
	border-right:1px solid #808080;
	color:#666565;
}
.ui-prolist div ul li a:hover{
	color:#993001;
}
.ui-promenu{
	width:1200px;
	height:48px;
	margin:auto;
	background:#fefefe;
	border:1px solid #f0ebe9;
}
.ui-promenu div{
	width:125px;
	height:48px;
	line-height:48px;
	padding:0px 25px;
	float:right;
	font-family:"SimSun";
	color:#737373;
}
.ui-promenu div a{
	font-family:"SimSun";
	color:#737373;
	padding:0px 10px;
}
.ui-promenu div a:hover{
	color:#993001;
}
.ui-promenu ul{
	width:auto;
	height:48px;
	padding-left:25px;
}
.ui-promenu ul li{
	float:left;
	height:48px;
	margin-right:5px;
	font-family:"SimSun";
}
.ui-promenu ul li.ui-Libtn{
	height:38px;
	padding-right:5px;
	padding-top:8px;
}
.ui-promenu ul li.ui-Libtn a{
	min-width:30px;
	height:30px;
	line-height:30px;
	display:inline-block;
	padding:0px 10px;
	border:1px solid #d9d9d9;
	color: #333;
}
.ui-promenu ul li.ui-Libtn a:hover{
	color:#c95252;
	border:1px solid #d27475;
	text-decoration:none;
}
.ui-promenu ul li.ui-Libtn a.current{
	color:#fff;
	border:1px solid #d27475;
	background:#d72d1b;
	text-decoration:none;
}
.ui-promenu ul li.ui-picbox{
	width:42px;
	height:30px;
	line-height:30px;
	color:#737373;
	padding-left:15px;
	margin-top:9px;
	margin-left:5px;
	border-left:1px solid #c8c6c6;
}
.ui-promenu ul li.ui-picbox a{
	padding:0px 5px;
	color:#737373;
}
.ui-promenu ul li.ui-picbox a:hover{
	color:#993001;
}
.ui-promenu ul li.ui-picchip{
	min-width:35px;
	line-height:48px;
	text-align:center;
}
.ui-promenu ul li.ui-picchip2{
	width:20px;
	text-align:left;
	line-height:60px;
	font-size:12px;
}
.ui-promenu ul li.ui-picchip input{
	width:70px;
	height:30px;
	line-height:30px\9;
	margin-top:8px;
	display:block;
	font-size:18px;
	color:#e72c01;
	border:1px solid #e0dede;
	font-family:"SimSun";
	text-align:center;
}
.ui-promenu ul li.ui-picbtn	a{
	width:80px;
	height:34px;
	line-height:34px;
	border:1px solid #e0dede;
	border-radius:6px;
	display:block;
	background:#d72d1b;
	text-align:center;
	margin-top:5.5px;
	color:#fff;
}
.ui-promenu ul li.ui-picbtn	a:hover{
	border:1px solid #dedede;
	text-decoration:none;
	background:#e33523;
}
.ui-prochar{
	width:1200px;
	min-height:30px;
	border:1px solid #f0ebe9;
	margin:10px auto;
	margin-bottom:0px;
	background:#fefefe;
}
.ui-prochar ul{
	width:auto;
	min-height:30px;
	padding:13px;
	text-align:center;
	padding-top:15px;
	margin-left:-9px;
}

.ui-mainbox{
	padding-bottom:15px;
}
div.ui-canpinbox ul li{
	margin-left:13px;
}


.ui-leftcolumn{
	width: 355px;
	min-height:100px;
	float:left;
	padding-bottom:10px;
}
.ui-ban{
	min-height:155px;
	margin: 10px auto;
	margin-bottom:0px;
}
.ban-overcoat{
	height: 423px;
	text-align: right;
}
.ban-overcoat-onetwo{
	height: 125px;
}
.ban-overcoat-onetwo a{
	width:120px;
	height:120px;
	display:inline-block;
}
.ban-overcoat-onetwo a:hover{
	border:1px solid #0F0;
}
.ban-overcoat-onetwo img{
	margin-right:1px;
}
.ui-productdel{
	margin-top:18px;
}
.ui-productdel h2{
	font-size:16px;
	font-weight:bolder;
}
.ui-productdel table{
	 width:100%;
	 margin-top:30px;
	 border:none;
}
.ui-productdel table th{
	 width:132px;
	 height:32px;
	 font-weight:600;
	 font-size:13px;
	 text-align:right;
	 padding-right:14px;
	 border:none;
}
.ui-productdel table td{
	border-left:2px solid #fff;
	font-size:13px;
	padding-left:16px;
}
.ui-rightcolumn{
	width: 590px;
	min-height:100px;
	padding-bottom:10px;
	float:left;
}
.ui-rightcolumn dl{
	min-height:20px;
	margin-top:15px;
	margin-left:19px;
	padding-bottom:10px;
}
.ui-rightcolumn dl dt h1{
	font-size:24px;
	line-height:33px;
	color:#333;
	font-family: "simsun";
}
.ui-rightcolumn dl dt h1 span{
	display:block;
	margin-bottom:20px;
}
.ui-rightcolumn dl dd p{
	width:514px;
	height:85px;
	font:13px/1.2 "Microsoft YaHei", Arial, Helvetica, sans-serif;
}
.ui-rightcolumn dl dd p a{
	border-left:2px solid #fff;
	width:50px;
	height:20px;
	font-size:16px;
	text-decoration:none;
	color:#000;
	font-weight:600;
	background:url(../images/pico.gif) 100% 50% no-repeat;
	display:inline-block;
}
.ui-rightcolumn dl dd div{
	margin-top:5px;
	border-bottom:1px solid #d9d9d9;
	padding: 10px 5px;
}
.ui-rightcolumn dl dd div em{
	padding-right:5px;
	font-weight:bolder;
	font-size: 16px;
	color:#666;
}
.ui-rightcolumn dl dd div del{
	padding:0px 5px;
	color:#999;
	font-size:12px;
}
.ui-rightcolumn dl dd div i{
	background:#f10;
	color:#fff;
	font-style:normal;
	font-size:12px;
	width:50px;
	height:25px;
	text-align:center;
	display:inline-block;
	vertical-align:middle;
	line-height:25px;
	border-radius:5px;
	margin-top:-5px;
	margin-left:5px;
}
.ui-rightcolumn dl dd div u{
	font-weight:bold;
	font-size:16px;	
	color:#f40;
	text-decoration:none;
}
.ui-rightcolumn dl dt em{
	margin-top:15px;
	font-size:16px;
	display:inline-block;
	font-weight:bolder;
	color:#666;
}
.ui-rightcolumn dl dt i{
	width:150px;
	height:20px;
	margin-top:30px;
	font-size:9px;
	text-align:center;
	background:url(../images/ta.gif) 0% 50% no-repeat;
	display:inline-block;
	font-style:normal;
	float:right;
}
.ui-rightcolumn dl dd ul{
	margin-top:20px;
	list-style:none;
}
.ui-rightcolumn dl dd ul li{
	min-width:40%;
	height:30px;
	margin-right:10px;
	display:block;
	line-height:30px;
	text-align:center;
	float:left;
	background:#fce8e0;
	margin-bottom:10px;
	list-style:none;
}
.ui-rightcolumn dl dd ul li a{
	display:block;
	font-size:14px;
	padding:0px 20px;
	color:#666;
}
.ui-rightcolumn dl dd ul li a:hover{
	background:#f54303;
	text-decoration:none;
	color:#fff;
}
.ui-rightcolumn dl dd ul li .ui-none{
	color:#cecece;
	background:#f3f3f3;
}
.ui-rightcolumn dl dd ul li .ui-none:hover{
	background:#f3f3f3;
	color:#cecece;
	cursor:no-drop;
}
.ui-rightcolumn dl dt span{
	float:none;
	display:block;
}

.ui-dustop button{
	width:20px;
	height:28px;
	font-weight:bolder;	
	border:1px solid #c1c1c1;
	cursor:pointer;
}
.ui-dustop input{
	width:30px;
	height:26px;
	text-align:center;
	line-height:26px;
	border-left:none;
	border-right:none;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	vertical-align: middle;
	margin-top: -3px;
}
.ui-dustop .getbtn{
	width: 160px;
	height: 40px;
	line-height: 40px;
	display:inline-block;
	background:#d1231a;
	color:#fff;
	font-size:20px;
	text-align:center;
	border-radius:5px;
	margin-left:10px;
}
.ui-dustop .getbtn2{
	background:#f70;
}
.ui-dustop .getbtn3{
	background:#aaa;
}
.ui-dustop .getbtn:hover{
	text-decoration:none;
	background: #d13b06;
}
/* box */
.box{margin:auto auto;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:51px;margin:0 6px 0 0;overflow:hidden;padding:1px;}
.tb-s310, .tb-s310 a{height:350px;width:350px;}
.tb-s310, .tb-s310 img{max-height:350px;max-width: 350px;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:50px;width:50px;}
.tb-s40, .tb-s40 a img{height:50px;width:50px;}
.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;height:50px;padding:2px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:9999999999;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.jqzoom{cursor: crosshair;}


/*产品*/
div.ui-canpinbox ul li{
	width: 224px;
	height: 277px;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-left: 10px;
	border:1px solid #dedede;
	position: relative;
}

div.ui-canpinbox ul li:hover{
	border:1px solid #4646f1;
	text-decoration:none;
}
div.ui-canpinbox ul li:hover a{
	text-decoration:none;
}
div.ui-canpinbox ul li div.ui-xuanshi{
	width:auto;
}
div.ui-xuanshi a{
	width:auto;
	height:233px;
	display:block;
}
div.ui-xuanshi div{
	width:auto;
	height: 222px;
	padding:1px;
	border-bottom:1px solid #dedede;
}
div.ui-xuanshi div img{
	width:100%;
	height: 222px;
	display:block;
}
div.ui-xuanshi p{
	text-align:center;
	height: 25px;
	line-height:28px;
	font-size:14px;
	color:#333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
div.ui-xuanshi nav{
	height: 25px;
	line-height: 24px;
	color:#f40;
	font-weight:bold;
	font-size:14px;
	text-align:center;
}
div.ui-xuanshi nav u{
	padding-left: 23px;
	background: url(../images/car2.png) left 38% no-repeat;
	background-size: 20px 15px;
	font-size:12px;
	display:inline-block;
	color:#999;
	text-decoration:none;
	vertical-align: top;
	margin-left:5px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-weight:normal;
}
div.ui-xuanshi nav i{
	font-style:normal;
	font-weight:normal;
	font-size:12px;
	line-height: 25px;
	display:inline-block;
	color:#666;
	vertical-align: top;
}

.MB_c_a{ width: 224px; position:absolute; left: 0; top: 275px; background:#dfdff4;border:1px solid #4646f1; border-bottom:2px solid #4646f1; z-index: 9; border-top:none; margin-left:-1px; padding-bottom:10px; text-align: center;}
.CA_01{ width:173px; padding-left:10px; margin-top:5px; float:left;}
.CA_01_ra{ float:left;}
.CA_01_ft{ float:left; font:normal 12px/14px "宋体"; color:#666; padding:0 0 0 3px; *padding:5px 0 0 0;  padding:0 0 0 3px\\0; width:32px;}
.CA_02{ width: auto; padding: 10px 5px 5px; margin: auto; text-align: center; display: inline-block;padding: 3px 5px 3px;}
.CA_02 a.a_bon01{ width:24px; height:24px; line-height:24px; padding-top:2px;  background:#bababa; border-radius:5px; font:bold 12px/22px Arial, Helvetica, sans-serif;  text-align:center; margin-right: 5px; float: left; color:#fff; display: inline-block;}
.CA_02 a.a_bon01:hover{ background:#f80; border-radius:5px; color:#fff;}
.CA_02 a.CA_bg{ width:24px; height:24px; background-position:-765px 0; color:#fff; font:bold 12px/22px Arial, Helvetica, sans-serif; text-align:center;}
.CA_02_ra{ font:normal 12px/24px "宋体"; color:#777; display: inline-block; float: left;}
.CA_02_units{ font:normal 12px/24px "宋体"; color:#777; display: inline-block; width:24px; height:24px; border:solid 1px #c0c0c0; margin-right:4px; float: left;}
.CA_02_units_current{ background-color:#f40; color:#FFFFFF;}
.CA_02_ra02{ font:normal 12px/32px "宋体"; color:#777; float:left;}
.CA_03{ width: auto; text-align: center; display: inline-block;}
.CA_03 a.a_bon02{ width:24px; height:24px; background:#fff; border:1px solid #dedede; float:left; font:normal 18px/22px Arial, Helvetica, sans-serif; color:#777; text-align:center; margin-right:4px; display: inline-block;}
.CA_03 a.a_bon02:hover{}
.a_inp01{ background-position:-703px 0; width:45px; height:25px;border:1px solid #dedede; float:left; margin-right:6px; display: inline-block; font:normal 12px/25px Arial, Helvetica, sans-serif; color:#666; text-align:center;}
.CA_04{ width: auto; margin-top: 5px; text-align: center;}
.CA_cart01{ width:78px; height:28px; border:0; cursor:pointer; background:#d1231a; font:normal 12px/26px "宋体"; color:#fff; margin-bottom:5px; margin-right:5px;}
.CA_cart02{ width:78px; height:28px; border:0; cursor:pointer; background:#f70; font:normal 12px/26px "宋体"; color:#fff;}
.CA_cart03{ width:78px; height:28px; border:0; cursor:pointer; background:#f70; font:normal 12px/26px "宋体"; color:#fff;}
