﻿@charset "utf-8";
/* Defaults */
:focus{outline:0}
a,a:visited{text-decoration:none;color:#000}
a:hover{text-decoration:underline}
body{font:normal 12px Arial,Corbel,Verdana,Helvetica,sans-serif;}
img{border:0;}
fieldset{border:0}
h1, h2, h3, h4, h5, h6{font-size:1em;}
p{margin:0}
input{ border:0px;}

/* global */
.red{ color:#f20f06;}
.red a{ color:#f20f06;}
.red14b{ color:#f20f06;font-weight:bold; font-size:14px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.mb10{ margin-bottom:10px;}
.hidden { display:none; }
.show { display:block; }

/* Public Sytle
------------------------------------------------------------------------------------------------------------*/
/*-- Containers --*/
html{/*ad background here*/}
body{}
#page{}
/*-- Content --*/
#content{}
	.wrap{overflow:hidden;zoom:1;}
	.wrap .main{float:right;width:775px;}
	.wrap .side{float:left;width:198px; overflow:hidden }

	/*- box -*/
	.box{border:1px solid #b9c1c4;margin:0 0 6px 0;}
	 .box .title{height:22px;background:url(../img/title_bg.png) repeat-x;}
	 .box .title h2{color:#fff;font-weight:bold;padding:0 0 0 11px;line-height:22px;  }
	/*- box2 -*/
	.box2{border:1px solid #b9c1c4;margin:0 0 6px 0;}
		.box2 .title{height:40px;background:url(../img/line_shadow.png) repeat-x 0 32px; }
		.box2 .title h2{float:left;_width:60px;white-space:nowrap; line-height:21px;height:21px;background:url(../img/title_bg.png) repeat-x 0 -22px; }
		.box2 .title h2 span{display:block;font-size:14px;font-weight:bold;color:#fff;line-height:21px; padding:0 12px;background:url(../img/title_bg.png) no-repeat right -43px;}
		
/* List Sytle
------------------------------------------------------------------------------------------------------------*/
/*-- history --*/
.history{ background-color:#FFF;}
	.history .content{padding:0 4px; }
	.history .content li{padding:10px 0;border-bottom:1px dashed #bbc0c4; clear:both; height:65px;}
	.history .content li a{line-height:18px; display:block; }
	.history .content li img{float:left;margin:0 8px 0 8px; padding-bottom:20px; vertical-align:top;}
	.history .content li.last{border:none;}
/*-- side_ad --*/
.history .title{ background:url(../img/index.gif) 0px -167px no-repeat #e9e9e9; font-size:14px; font-stretch:wider; font-weight:bold; line-height:28px; text-indent:25px; height:30px;}
.side_ad{}
	.side_ad img{display:block;margin:0 0 6px 0; }

.main .title{ background:url(../img/index.gif) 0px -167px no-repeat; font-size:14px; font-stretch:wider; font-weight:bold; line-height:28px; text-indent:25px; }

/* Content Main Rigth-Detail main */
.detail_main{border:1px solid #bac1c5;height:100%; background:url(../img/index.gif) 0px -441px repeat-x #FFF;}

.detail_title{ height:46px; background:url(../img/line_shadow.png) 0px 30px repeat-x;}

.p_detail p{line-height:40px; }
.p_detail .p_name{ position:absolute; font-size:18px; font-weight:bold; color:#5e5e5e; line-height:40px; margin-left:35px; margin-top:-35px; width:450px; overflow:hidden;}
.p_detail .p_price{ font-size:12px; margin-left:35px;}
.p_detail .p_net_price{ font-size:14px; margin-left:20px; font-weight:bold; color:#F00}


.score{ float:right; /*width:150px;*/ margin-top:16px; margin-right:40px; display:inline;}
	.score span{ height:16px; line-height:16px;}
	.score img{vertical-align:middle;}

/* Product Intor */
.pro_intro{margin:0px 0 20px 0; zoom:1; padding-top:20px;position:relative; z-index:1; /* overflow:hidden;  background:url(../img/bg_detail.gif) repeat-x top left;*/}
	.pro_intro_l{ float:left; width:360px; text-align:left; overflow:hidden; padding-left:40px;  background:#fff url(../img/loading.gif) center center no-repeat;}
	.pro_intro_r{ float:right; width:324px; margin-right:30px; display:inline;}
	.pro_intro_r h1{ font-size:16px; margin-bottom:16px; font-weight:bold}
	.pro_intro_r h1 span a{ font-size:12px;color:#f20f06; margin-left:20px;}
	.pro_intro_r ul li{ line-height:18px;}
	.pro_intro_r ul li.margin_b{ margin-bottom:16px;}
	.pro_intro_r ul li .fare_l{ float:left; width:36px;line-height:17px;}
	.pro_intro_r ul li .fare_r{ margin-left:36px;*margin-top:-19px; line-height:18px; padding-right:50px;}
	.pro_intro_r ul .time span{font-size:14px;}
	.pro_intro_r ul .time em{color:#e90305;font-weight:bold;font-size:18px;}
	
.pro_intro_01{ height:300px;}
.pro_intro_02{ overflow:hidden;}

/* Product Intor Pic Tab */
.tab_pic{background:url(../img/bg_pro_intro.gif) repeat-x 0 0; height:52px;position:relative; z-index:1;}
	.tab_pic ul li,.tab_pic .til{ float:left;display:inline; width:88px; text-align:center; line-height:52px;*line-height:56px; height:52px; background:url(../img/tv_small_bg.gif) no-repeat right top; overflow:hidden;}
	.tab_pic ul li img{ vertical-align:middle;_padding-top:10px;}
	.tab_pic ul li.hover{ background:url(../img/tv_bg_hover.gif) no-repeat left top;}
	.tab_pic .title{ background:url(../img/icon_trig.gif) no-repeat right top; color:#727b80; text-align:left; padding-left:16px; width:90px;}
	.tab_pic .soonbuy{ background:url(../img/soonbuy.gif) no-repeat 0 1px; width:94px; height:34px; float:left; margin-left:72px;}
	.tab_pic .btn_buy{ background:url(../img/buycart.gif) no-repeat 0 1px; width:114px; height:40px; float:left; margin-left:12px;}
	.tab_pic .btn_buy_stage{ background:url(../img/bugStage.gif) no-repeat 0 1px; width:114px; height:40px; float:left;margin-left:72px;}
	.tab_pic .btn_buy_group{ background:url(../img/btn_group.gif) no-repeat 0 1px; width:114px; height:33px; float:left;margin-left:72px;}
	.tab_pic .btn_favorite{ background:url(../img/btn_favorite.gif) no-repeat 0 0; width:94px; height:35px; margin-left:12px; float:left; display:inline; }
	
	.tab_pic .arrow_prv,.tab_pic .arrow_next{text-indent:-9999px;position:absolute;top:23px;width:18px; height:24px;}
	.tab_pic .arrow_prv{ left:77px; background:url(../img/ar_l.jpg) no-repeat  ; }
	.tab_pic .arrow_next{left:370px;background:url(../img/ar_r.jpg) no-repeat  ; }

  /*  .tagdiv{ position:absolute; margin-left:500px;margin-top:-20px;  z-index:100000; width:370px;}*/
	 .tagdiv .tagdiv_h{ border:1px solid #fb9568; border-top:0 none; background:#ffffe7 url(../img/right_bg.gif) no-repeat 30px 20px; height:109px; padding-left:100px;}
	.tagdiv .tagdiv_h p{ line-height:22px; color:#9f9f9f;}
	.tagdiv .tagdiv_h p em{ margin:0 3px;}
	.tagdiv .tagdiv_h p.h{ font-size:14px; font-weight:bold; color:#000; padding-top:12px;}
	.tagdiv .tagdiv_h input{ margin-top:10px;}
	.tagdiv .tagdiv_h input.nextbuy{ background:url(../img/nextbuy.gif) no-repeat 0 0; width:91px; height:24px;}
	.tagdiv .tagdiv_h input.payment{ background:url(../img/payment.gif) no-repeat 0 0; width:111px; height:29px; margin-left:10px; }

.buy_bt{ height:35px; text-align:right; margin-right:40px}
.buy_bt input{margin-right:20px;}
.buy_bt img { margin-top:-2px;}
.buy_bt a.buy_group{ margin-left:520px; margin-top:-30px; }
.buy_bt a.buy_group img{ margin-bottom:0px;}
.buy_bt a.buystage{ margin-left:390px; }
.buy_bt a.buy{ position:absolute; left:500px; }
.buy_bt a.favorite{}
/* Product Intor Content Tab */
.tab_menu{ width:735px; height:40px; margin-top:10px;}
.tab_menu ul { float:right;}
	.tab_menu ul li{display:inline; float:left; height:40px; line-height:40px; width:100px; text-align:center; cursor:pointer}
	.tab_menu ul li.first{ background:url(../img/detail_nav.gif) left top;width:117px;}
	.tab_menu ul li.first_alt{ background:url(../img/detail_nav.gif) 0px -42px;width:117px;}
	.tab_menu ul li{  background:url(../img/detail_nav.gif) 0px -84px;width:117px;}
	.tab_menu ul li.alt{  background:url(../img/detail_nav.gif) 0px -126px;}
	.tab_menu ul li.last{  background:url(../img/detail_nav.gif) 0px -168px; width:119px;}
	.tab_menu ul li.last_alt{ background:url(../img/detail_nav.gif) 0px -211px; width:119px;}

.tab_content{ color:#7d8082; clear:both;}
	.intor_01{ position:relative; background:url(../img/intor_01.jpg) no-repeat center top; height:366px;}
	.intor_01 img{ position:absolute; right:370px; bottom:96px;}
	.intor_02{ position:relative; background:url(../img/intor_02.jpg) no-repeat center top; height:255px;}
	.intor_02 p.l{ position:absolute; left:100px; bottom:66px; width:240px;}
	.intor_02 p.r{ position:absolute; right:46px; bottom:176px; width:312px;}
	.intor_03{ position:relative; background:url(../img/intor_03.jpg) no-repeat center top; height:147px;}
	.intor_03 p{ position:absolute; right:58px; bottom:42px; width:410px;}
	.intor_04{ position:relative; background:url(../img/intor_04.jpg) no-repeat center top; height:326px;}
	.intor_04 p{ position:absolute; right:32px; bottom:30px; width:380px;}
	.intor_05{ position:relative; background:url(../img/intor_05.jpg) no-repeat center top; height:176px;}
	.intor_05 p{ position:absolute; left:106px; bottom:44px; width:250px;}
	.intor_06{ position:relative; background:url(../img/intor_06.jpg) no-repeat center top; height:243px;}
	.intor_06 p{ position:absolute; right:12px; bottom:114px; width:340px;}
	.intor_06 input{ position:absolute; right:28px; bottom:28px; background:url(../img/btn_buy_02.gif) no-repeat 0 0; width:114px; height:39px;}
	
/* service */
.service{ padding:24px 30px;color:#7d8082;}
	.service h3{ font-size:12px; font-weight:bold;}
	.service ul.mb{ margin-bottom:20px;}
	.service ul li{ line-height:20px; background:url(../img/icon_dot.gif) no-repeat left 10px; padding-left:14px;}

/* Recommend Product */
.recommend_pro{border:1px solid #bcc1c5;border-bottom:1px dashed #bcc1c5;  margin-top:6px; background:url(../img/line_shadow.png) 0px 30px repeat-x #FFF;}
	.recommend_pro h2{background:url(../img/bg_title_red.gif) no-repeat left top;font:bold 13px/21px “微软雅黑”,“宋体”; color:#FFF; padding-left:10px;}
	.recommend_pro .pro_msg{ float:left; width:366px; height:112px; overflow:hidden; margin-top:16px;}
	.recommend_pro .pro_msg div{ float:left; text-align:center;width:160px; height:126px; padding-top:10px;}
	.recommend_pro .pro_msg div img{vertical-align:top; width:120px; height:90px;}
	.recommend_pro .pro_msg ul{ float:right; width:202px;}
	.recommend_pro .pro_msg ul h4{ font-size:12px;}
	.recommend_pro .pro_msg ul li{ height:24px; line-height:24px; margin-bottom:10px;}
	.recommend_pro input.shop_cart{ background:url(../img/btn_shop_cart.gif) no-repeat 0 0; width:110px; height:25px; float:right; margin-right:20px; margin-bottom:14px;}
		
.pro_double{ background:#f2f4f4; padding:10px 0; height:100%;border:1px solid #bcc1c5; border-top:0px;}
	.pro_double .double_pic{ float:left; background:#fff url(../img/bg_ten.gif) no-repeat center center; border:1px solid #d7dcde; width:305px; height:118px; overflow:hidden; margin:0 20px; display:inline;}
	.pro_double .double_pic ul li{ float:left; display:inline; padding:20px 20px 0 20px; height:116px;}
	
	.pro_double ul{float:left; width:280px;}
	.pro_double ul h3{ font-size:14px; line-height:36px;}
	.pro_double ul li{ height:18px; line-height:18px;}
	.pro_double ul li.mt{ margin-top:10px;}
	.pro_double .shop_double{ float:right; width:130px; padding-top:62px;}
	.shop_double input{background:url(../img/btn_shop_cart.gif) no-repeat 0 0; width:110px; height:25px;}
		
		
/* Product Appraise */
.detail_appraise{border:1px solid #bcc1c5; margin-top:5px; margin-bottom:8px; height:100%; background-color:#FFF}
	.app_l{ float:left; width:424px; overflow:hidden;}
		.app_l_pic{ float:left; display:table; width:132px; height:100px; line-height:100px; text-align:center;*position:relative;*overflow:hidden;}
		.app_l_pic span{display:table-cell;vertical-align:middle;*position:absolute;*left:50%;*top:50%;}
		.app_l_pic span img{*position:relative;*left:-50%;*top:-50%; vertical-align:middle;}
		.app_l ul{ float:left;}
		.app_l ul li{ color:#9f9f9f;}
		.app_l ul li.pro_score{ margin:10px 0; padding:0; text-align:left; color:#000; line-height:23px; height:23px;}
		.app_l ul li.pro_score img{ vertical-align:middle;}
	.app_r{ float:left; border-left:1px dashed #bcc1c5; width:346px; height:92px;}
	.app_r p.til{ margin:10px; padding-left:10px;}
	.app_r p.star{ padding-left:50px; margin-top:14px;}
	.app_r p.star input{ background:url(../img/btn_appraise.gif) no-repeat 0 0; width:114px; height:39px; margin-left:30px; position:absolute; }	
	
#appraise{ cursor:pointer;}

/* product ask */
a.l_ask{margin-left:10px; color:#f80000;}
.p_detail{position:relative; z-index:3;}

.pop_ask{position:absolute; width:460px; height:329px; left:220px; top:30px; *top:22px; padding-top:6px; background:#fff url(../img/bg_txt2.gif) no-repeat; z-index:10000}
	.pop_ask h3{line-height:28px; border-bottom:solid 1px #a8a8a8; background:#d2d1cf; margin:0 1px; padding-left:15px; font-size:14px; font-weight:bold;}
	.pop_ask h3 a{ position:absolute; right:18px; top:10px; line-height:18px;}
	.pop_ask .ask_content{ margin-left:17px; position:relative;}
	.pop_ask p.statement{width:403px; height:72px; background:url(../img/bg_txt.gif) no-repeat; margin:15px 0 0; padding:14px 12px 0 10px; line-height:18px; color:#9f9f9f;}
	.pop_ask p.statement em{color:#fb0000;}
	.pop_ask textarea{width:415px; height:58px; border:solid 1px #d2d7d9; margin:0 0 10px 0; padding:5px;}
	.pop_ask h4{font-weight:bold; margin:8px 0;}
	.pop_ask label{margin-right:10px; *margin:0;}
	
.pop_ask2{background:#fff; border:solid 1px #a8a8a8; padding:0;}
.pop_ask2 h3{margin:0;}
.pop_ask2 h3 a{ margin:5px 18px 0 0; *margin:-23px 18px 0 0;}

/* stage*/
.stage{ padding:10px 0px 10px 10px; background-color:#FDF4D9; margin-top:5px; margin-right:30px; color:#000; border:solid 1px orange; position:relative; width:280px; }
.stage a#no_Bank{color:orange; margin-left:10px;}
.stage input{margin:0 2px 0 5px; *margin:0px;}
	.stage .stage_bank{ position:absolute; left:-1px; top:36px; width:290px; border:solid 1px orange; border-top:none; background:#fff; z-index:6;}
	/*.stage .stage_bank table { margin-top:5px;}	.stage .stage_bank table tr td { border-bottom:1px dashed #ccc; line-height:25px; padding:0px; }*/
	ul.stage_bank li{ line-height:25px; height:25px;  padding-left:70px; border-bottom:dotted 1px orange;}
	ul.stage_bank li input{margin:0 5px 0 10px;}
	ul.stage_bank li.last{border-bottom:none;}
/*	//相册*/
#gallery {position:relative; width:686px;margin:10px auto; padding:10px; border:6px solid #fff; background:url(../img/loading.gif) center center no-repeat; min-height:50px;}
#images {border:1px solid #ccc; height:225px; background:#ccc; margin-bottom:20px}
#image {position:relative; width:672px; height:430px; overflow:hidden; padding:5px; border:2px solid #ccc; background:#FFF url(../img/loading.gif) center center no-repeat; text-align:center;}
#image img {/*position:absolute; top:5px; left:50px;*/ }
#thumbwrapper {margin-top:10px; padding:5px 0; width:602px; height:100px; border:2px solid #ccc; background:#FFF;padding-left:40px; padding-right:40px; }
#thumbarea {position:relative; overflow:hidden; height:100px; width:602px; }
#thumbs {position:absolute; list-style:none; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer; border:solid 1px #ccc; height:98px; width:98px;}
#thumbs li img { margin-top:10px;}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(../img/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(../img/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}

#liprevimg {left:0; background:url(../img/left.gif) left center no-repeat;}
#liprevimg:hover {opacity:1; }
#linextimg {right:0; background:url(../img/right.gif) right center no-repeat;}
/* group_buy   2010-04-26 Lisa*/ 
.group_buy { margin-top:10px; color:#000;font-weight:bold; line-height:20px;}
.group_buy  .member{ font-size:16px; font-weight:bold; color:#000}
.group_buy  .member span{ color:#F00}
.group_buy  .time span{ color:#F00}

.lim_buy{ font-size:14px; color:#000; font-weight:bold; padding-bottom:10px; }
/*放大镜*/
a.jqzoom{display:block; width:328px; height:260px;}
div.jqZoomTitle
{
	z-index:5000;
	text-align:center;
	font-size:11px;
	font-family:Tahoma;
	height:16px;
	padding-top:2px;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #FFF;
	background: #999;
}

.jqZoomPup
{
		overflow:hidden;
		background-color: #fff;
		-moz-opacity:0.6;
		opacity: 0.6;
		filter: alpha(opacity = 60);
		z-index:10;
		border-color:#c4c4c4;
		border-style: solid;
		cursor:crosshair;
}

.jqZoomPup img
{
	border: 0px;
}
.preload{
	-moz-opacity:0.8;
	opacity: 0.8;
   filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
   text-decoration: none;
	border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
	text-align:center;
   background-image: url(images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
	width:90px;
	* width:100px;
	height:43px;
	*height:55px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;
}
.jqZoomWindow
{
	border: 1px solid #999;
	background-color: #FFF;
}

/* 推荐组合 */
.recommend_set{overflow:hidden; _zoom:1; padding:15px 0 20px 10px;}
.set_list{border:solid 3px #f4f4f4; padding:12px; float:left; margin-right:10px; position:relative;}
.set_list li{width:82px; /* *width:107px;*/ overflow:hidden; float:left; display:inline-block; padding-left:25px; background:url(../img/ico_plus.gif) no-repeat 7px 31px;}
.set_list li.first{padding:0;width:82px; background:none;}
.set_list .pic{width:80px; height:80px; border: solid 1px #ccc;}
.set_list .pic img{margin:20px 0 0 12px; width:55px; height:41px;}
.set_list li p{margin-top:5px; line-height:130%; word-wrap:break-word;word-break:break-all; position:relative; text-indent:15px;}
.set_list li p input{position:absolute; left:1px; *left:-18px; top:2px; *top:-3px;}
.set_list .arw{position:absolute; top:22px; right:-8px;}

.set_info{}
.set_info h5{font-weight:bold; padding:10px 0;}
.set_info p span{color:red; margin:0 5px;}
.set_info p{color:#888;}
.set_info p.price{margin:40px 0 10px; color:#000;}
.set_info .price del{text-decoration:line-through;}
.set_info .price em{color:red; font-weight:bold;}
