@charset "utf-8";
/* CSS Document */
#basket{
	padding:20px 10px;
}
#product_list,#product_detail{
	padding:8px 0 8px 12px;
	clear:both;
}
#product_list dl,#product_detail dl{
	width:340px;
	height:164px;
	float:left;
	border:1px solid #02b1ff;
	padding:12px;
	margin:0 2px 16px 2px;
	overflow:hidden;
	position:relative;
	word-warp:break-word;
}
#product_detail dl{
	width:720px;
	height:380px;
	padding:0;
	border-width:0;
}
#product_list dt{
	width:164px;
	height:164px;
	margin-right:20px;
	padding:2px 0;
	float:left;
	line-height:144px;
	font-size:144px;
	background:url(img/product_border.gif) no-repeat 0 0;
	text-align:center;
	overflow:hidden;
}
#product_detail dt{
	width:370px;
	height:370px;
	margin-right:12px!important;
	margin-right:10px;
	float:left;
	text-align:center;
	font-size:330px;
	line-height:320px;
	background-image:url(img/product_bigborder.gif);
	overflow:hidden;
	border:1px solid #02b1ff;
}
#product_detail dt img{
	max-width:360px;
	max-height:360px;
}
* html #product_detail dt img{
	width:expression(this.width>360?360:true);
}
#product_detail .introduce{
	margin-right:1px;
	word-warp:break-word;
	font:11px/130% Arial, Helvetica, sans-serif;
}

*>dt{
	font-size:12px;
}
#product_list dt img,#product_detail dt img{
	vertical-align:middle;
}

#product_list dd,#product_detail dd{
	color:#0caabb;
	font:11px/150% Arial, Helvetica, sans-serif;
}

a.productbtn{
	width:47px;
	height:0;
	padding-top:14px;
	background:url(img/detail.gif) no-repeat 0 0;
	display:block;
	position:absolute;
	left:198px;
	top:160px;
	float:left;
	overflow:hidden;
}
a.productbtn1{
	width:49px;
	background-image:url(img/basket.gif);
	left:250px;
}
a.productbtn2{
	left:590px;
	top:350px;
	width:49px;
	background-image:url(img/basket.gif);
}
a.productbtn3{
	left:650px;
	top:350px;
	width:49px;
	background-image:url(img/back.gif);
}
a.productbtn4{
	width:63px;
	height:0;
	padding-top:15px;
	background:url(img/detailcn.gif) no-repeat 0 0;
	display:block;
	position:absolute;
	left:198px;
	top:160px;
	float:left;
	overflow:hidden;
}
.c_pagenav{
	clear:both;
	height:30px;
	font:11px/130% Arial, Helvetica, sans-serif;
	color:#0caabb;
	text-align:right;
}
.pageinfo{
	width:550px;
	text-align:right;
	float:left;
}
.pagebtn{
	margin-left:560px;
}
.pagebtn a{
	background-repeat:no-repeat;
	background-position:0 0;
	height:0;
	overflow:hidden;
	display:block;
	float:left;
	padding:15px 2px 0;
}
.pagebtn a.first{
	width:34px;
	background-image:url(img/first.gif);
}
.pagebtn a.previous{
	width:56px;
	background-image:url(img/previous.gif);
}
.pagebtn a.next{
	width:34px;
	background-image:url(img/next.gif);
}
.pagebtn a.end{
	width:34px;
	background-image:url(img/end.gif);
}
.searchinfo{
	font-size:12px;
	height:30px;
}
.searchinfo strong{
	font-size:16px;
}
.searchinfo span{
	color:#f00;
}

.proThumb{
	clear:both;
	margin-left:4px;
	margin-top:-10px;
}
.proThumb div{
	float:left;
	border:1px solid #02b1ff;
	margin:0 10px 0 0;
	width:120px;
	height:97px;
	overflow:hidden;
}
.proThumb div img{
	max-width:120px;
	max-height:120px;
	cursor:pointer;
}
* html .proThumb div img{
	width:expression(this.width>120?120:true);
	/*height:expression(this.height>120?120:true);*/
}