﻿
/*说明，图片的高或宽最大为145,table 的总长度包含了边框border,跟CSS 的盒模型不一样。按CSS 的盒模型 计算，,其中有两像素为鼠标经过各移动的变动片框 */
/*    5 + 2 + 145 + 2 + 5 = 159                */
table.ProductSmallImagess
{
	width: 140px;
	height: 147px; /* 与背景图片的高度与宽度相同 */
	padding-bottom: 8px;
	border: #f5f6f1 0px solid;
	background-color: #dfdfd7;
	background-position: center center;
	background-image: url(../images/aabb/pro_box_140.gif); /* bg 后面的数字代表背景图片的高度与宽度 */
	background-repeat: no-repeat;
}

/*说明，图片的高或宽最大为145,table 的总长度包含了边框border,跟CSS 的盒模型不一样。按CSS 的盒模型 计算，,其中有两像素为鼠标经过各移动的变动片框 */
/*    5 + 2 + 145 + 2 + 5 = 159                */
table.ProductXSmallImageff
{
	width: 155px;
	padding-bottom: 7px;
	height: 162px; /* 与背景图片的高度与宽度相同 */
	background-color: #dfdfd7;
	background-position: center center;
	background-image: url(../images/aabb/pro_box.gif); /* bg 后面的数字代表背景图片的高度与宽度 */
	background-repeat: no-repeat;
}
table.ProductXSmallImage
{
	width: 155px;
	padding-bottom: 5px;
	height: 162px; /* 与背景图片的高度与宽度相同 */
	background-color: #dfdfd7;
	background-position: center center;
	background-image: url(../images/aabb/pro_box.gif); /* bg 后面的数字代表背景图片的高度与宽度 */
	background-repeat: no-repeat;
}
table.ProductSmallImage
{
	width: 155px;
	padding-bottom: 7px;
	height: 162px; /* 与背景图片的高度与宽度相同 */
	background-color: #dfdfd7;
	background-position: center center;
	background-image: url(../images/aabb/pro_box.gif); /* bg 后面的数字代表背景图片的高度与宽度 */
	background-repeat: no-repeat;
}


/* 首页上的产品样式 即产品控件的样式 开始  =========================================================================================  */

a.productName_home:link,a.productName_home:visited,a.productName_home:active  /* 产品名称字体样式_首页的*/
{
	color: #003366;
	text-decoration: none;
	font-size: 12px;
}
a.productName_home:hover
{
	color: #f90;
	font-size: 12px;
	text-decoration: none;
}

.MarketPrice_Title_home
{}
.MarketPrice_Price_home
{
	text-decoration: line-through;
}
.MemberPrice_Title_home
{}
.MemberPrice_Price_home
{
	color: #ff7100;
	font-weight:normal;
}



/* 产品页样式 即模场内页样式 开始  =========================================================================================  */

.btn_buy  /* 购物车样式*/
{
	font-size: 12px;
	color: #669900;
	
	padding-left: 21px;
	padding-top: 1px;
	width: 68px;
	height: 24px;
	
	background: url(Product/btn_bg_buy.gif);
	cursor: pointer;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.btn_favorites     /* 收藏夹样式*/
{
	font-size: 12px;
	color: #669900;
	padding-left: 21px;
	padding-top: 1px;
	width: 68px;
	height: 24px;
		
	background: url(Product/btn_bg_favorites.gif);
	cursor: pointer;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.btn_lack   /* 缺货样式*/
{
	font-size: 12px;
	color: #669900;
	padding-left: 21px;
	padding-top: 1px;
	width: 68px;
	height: 24px;
	
	background: url(Product/btn_bg_lack.gif);
	cursor: pointer;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
a.productName:link,a.productName:visited,a.productName:active  /* 产品名称字体样式*/
{
	color: #003366;
	text-decoration: none;
	font-weight:bold;
	font-size: 12px;
}
a.productName:hover
{
	color: #f90;
	font-size: 12px;
	text-decoration: none;
}
.MarketPrice_Title
{}
.MarketPrice_Price
{
	text-decoration: line-through;
}
.MemberPrice_Title
{}
.MemberPrice_Price
{
	color: #ff7100;
	font-weight:normal;
}

.ModelSelectBox_Class1
{
	font-size: 11px;
}
.ModelSelectBox_Class2
{
	font-size: 11px;
	width: 100px;
}
.ModelSelectBox_Class3
{
	font-size: 11px;
	width: 100px;
}
.ModelSelectBox_Class4
{
	font-size: 11px;
	width: 80px;
}
.ModelSelectBox_Class_home
{
	border: 1px solid #777777;
	font-size: 11px;
	width: 60px;
}
.ModelSelectBox_Class_SingleProduct
{
	
}



.gz_png
{
	position: absolute;
	left: 5px;
	top: 5px;
	width: 145px;
	height: 145px;
	background-image: url(../images/aabb/gz_png.png);
	background-repeat: no-repeat;
}
.gz_png2
{
	cursor: pointer;
	position: absolute;
	left: 5px;
	top: 5px;
	width: 145px;
	height: 145px;
	background-image: url(../images/aabb/gz_png2.png);
	background-repeat: no-repeat;
}



.ProductViewAndOrderBy /*-----------指的是  预览 与  排序的位置-------------------------------*/
{
	position: absolute;
	right: 0px;
	top: 6px;
}


.ProductViewAndOrderBy table tr td.ViewName
{
	/*-----------"预览"两个字的修饰-------------------------------*/
}

.ProductViewAndOrderBy table tr td.ViewSelect select
{
	/*----------- "选择框的修饰-------------------------------*/
}


.ProductViewAndOrderBy table tr td.OrderByName
{
	padding-left: 4px;
	font-size: 12px;
	font-weight: normal; /*----------- "排序"两个字的修饰-------------------------------*/
}

.ProductViewAndOrderBy table tr td.OrderBySelect select
{
	/*----------- "选择框的修饰-------------------------------*/
}




/* （一）==================================================================.content_product1In1产品列表开始 产品列表开始================================================================*/

.content_product1In1 table.out
{
	width: 100%;
	border-bottom: #cccccc 1px dashed; /*  中间的相隔线  */
}

.content_product1In1 table.out tr td.one /* 里面放的是产品小图片 */
{
	width: 170px; /* 放图片， --------是背景图片的宽度 --------------*/
	padding-top: 18px; /* 控制行距的距离 */ /* 与 .content_product1In1 table.out tr td.two 相同 */
	padding-bottom: 18px; /* 控制行距的距离 */
}

.content_product1In1 table.out tr td.two /* 里面放的是产品说明 */
{
	padding-top: 12px; /* 与图片在上部对齐 */ /* 与 .content_product1In1 table.out tr td.one 相同 */
	text-align: left;
	padding-left: 0px;
	padding-left: 12px;
}

.content_product1In1 table.out tr td.two table tr td.Left /* 里面放的是产品名称，型号，产品简短描述 */
{
	width: 370px;
}

.content_product1In1 table.out tr td.two table tr td.Left ul /* 里面放的是产品简短描述 */
{
	 color:#777777;
}

.content_product1In1 table.out tr td.two table tr td.Right /* 里面放的是价格 */
{
	padding-left: 10px;
	text-align:center;
	 padding-top:25px;
}


.content_product1In1 table.out tr td.two table tr td.Right  .priceYour
{
	
	color:#c00;font-size:16px;font-family:Arial;
	 font-weight:normal;
}


.content_product1In1 span.SubTitle /* 里面放的是产品说明 */
{
	font-weight: bold;
}
.content_product1In1 span.SubDescription /* 里面放的是产品说明 */
{
}

.content_product1In1 span.SubTitle1 /* 里面放的是产品说明 */
{
	/* color:Red; */
}
.content_product1In1 span.SubDescription /* 里面放的是产品说明 */
{
	/* color:Red; */
}


/* （二）==================================================================.content_product2In1产品列表开始 产品列表开始================================================================*/


.content_product2In1 table.out
{
	width: 100%;
	border-bottom: #cccccc 0px dashed; /*  中间的相隔线  */
}

.content_product2In1 table.out tr td.one
{
	padding-top: 10px; /* 控制行距的距离 */ /* 与 .content_product1In1 table.out tr td.two 相同 */
	padding-bottom: 20px; /* 控制行距的距离 */
	width:140px;
}

.content_product2In1 table.out tr td.two
{
	padding-top: 10px; /* 与图片在上部对齐 */ /* 与 .content_product1In1 table.out tr td.one 相同 */
	text-align: left;
	padding-left: 8px;	
}

.content_product2In1 table.out tr td.two .ProductDescription
{
	width:180px;

}
.content_product2In1 table.out tr td.two .ProductDescription ul
{
	
	color:#777777;
}


/* （三）==================================================================.content_product3In1产品列表开始 产品列表开始================================================================*/


.content_product3In1 table.out
{
	width: 100%;
	border-bottom: #cccccc 0px dashed; /*  中间的相隔线  */
}

.content_product3In1 table.out tr td.one
{
	padding-top: 10px; /* 控制行距的距离 */
	text-align: center;
}

.content_product3In1 table.out tr td.two
{
	padding-top: 5px; /* 控制图片与文字的距离 */
	text-align: center;
	padding-bottom: 20px; /* 控制行距的距离 */
}
.content_product3In1 table.out tr td.two .ProductDescription
{

}

/* （四）==================================================================.content_product4In1产品列表开始 产品列表开始================================================================*/

.content_product4In1 table.out
{
	width: 100%;
	border-bottom: #cccccc 0px dashed; /*  中间的相隔线  */
}

.content_product4In1 table.out tr td.one
{
	padding-top: 10px; /* 控制行距的距离 */
	text-align:center;
}

.content_product4In1 table.out tr td.two
{
	padding-top: 5px; /* 控制图片与文字的距离 */
	text-align:center;
	padding-bottom: 20px; /* 控制行距的距离 */
}
.content_product4In1 table.out tr td.two .ProductDescription
{

}



/*--------------------productbyid---------------------------------------------------------------------  */


.productbyid
{
	padding-top:20px; padding-bottom:20px;
	
}
.btn_buy_big
{
	font-size: 12px;
	color: #669900;
	padding-left: 21px;
	padding-top: 1px;
	background: url(Product/productbyid/btn_bg_buy_big.gif);
	width: 104px;
	cursor: pointer;
	border-top-style: none;
	height: 30px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

.btn_lack_big
{
	font-size: 12px;
	color: #669900;
	padding-left: 21px;
	padding-top: 1px;
	background: url(Product/productbyid/btn_bg_lack_big.gif);
	width: 104px;
	cursor: pointer;
	border-top-style: none;
	height: 30px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

.btn_ask_big
{
	font-size: 12px;
	color: #669900;
	padding-left: 21px;
	padding-top: 1px;
	background: url(Product/productbyid/btn_bg_ask.gif);
	width: 112px;
	cursor: pointer;
	border-top-style: none;
	height: 30px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}



.btn_favorites_big  /*----收藏夹按钮----*/
{
	font-size: 12px;
	color: #669900;
	padding-left: 21px;
	padding-top: 1px;
	width: 91px;
	height: 21px;
	
	cursor: pointer;
	background: url(Product/productbyid/btn_bg_favorites.gif);
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}



a.favorites 
{
	text-decoration: underline; color: #000099;
}
a.favorites:hover
{
}

.NameModel
{
 color: #333333; font-weight: bold; font-size: 16px; 	
}

.LookTime
{
 	
}



.PriceBox
{
	padding-bottom: 10px; padding-top: 20px;
}
.PriceBox .PriceMarket_Title
{
	margin-left:30px;color: #666;
}
.PriceBox .PriceMarket_Price
{
	text-decoration: line-through;
}

.PriceBox .PriceMember_Title
{
	font-size: 14px; color: #666
}
.PriceBox .PriceMember_Price
{
	color:#c00;font-size:18px;font-family:Arial;
}



.productbyid .ProductImage  table.BigPictureBox
{
	 border: solid 1px #cdd8de;
	
}

.productbyid .ProductImage  table.SmallPictureBox
{
	background-color: #cccccc;
}

.productbyid .ProductImage .MorePicMessage
{
 
}
.productbyid .ProductImage .MorePicMessage span.number
{
  font-weight: bold; color: #ff7100;
}
.productbyid .ProductImage .MorePicMessage .btn_more_pic
{
	font-size: 11px;
	color: #000;
	padding-left: 22px;
	width: 110px;
	 
	padding-top: 1px;
	background: url(Product/productbyid/btn_bg_more_pic.gif);
	
	cursor: pointer;
	border-top-style: none;
	height: 21px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	
	display:inline-block;
}


/*  ----------------------------------------------------.productbyid .BriefDescription开始 -----------------------------------*/
.productbyid .ProductImage  table.BigPictureBox
{
	 border: solid 1px #cdd8de;
	
}

.productbyid .ProductImage  table.SmallPictureBox
{
	background-color: #cccccc;
}

.productbyid .ProductImage .MorePicMessage
{
 
}
.productbyid .ProductImage .MorePicMessage span.number
{
  font-weight: bold; color: #ff7100;
}
.productbyid .ProductImage .MorePicMessage .btn_more_pic
{
	font-size: 11px;
	color: #000;
	padding-left: 22px;
	width: 110px;
	 
	padding-top: 1px;
	background: url(Product/productbyid/btn_bg_more_pic.gif);
	
	cursor: pointer;
	border-top-style: none;
	height: 21px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	
	display:inline-block;
}


/*  ----------------------------------------------------.productbyid .BriefDescription开始 -----------------------------------*/
.productbyid .BriefDescription
{
	padding: 2px;  border: solid 1px #cdd8de; 
}

.productbyid .BriefDescription  table
{
    background-color: #f4f9fe;
    border: solid 1px #e5eff8; 
     color:#666666;
}
.productbyid .BriefDescription  table ul /*字体颜色 */
{
     
}

.productbyid .BriefDescription table ul li span.SubTitle /* 里面放的是产品说明 */
{
	color:#999999;
}
.productbyid .BriefDescription table ul li  span.SubDescription /* 里面放的是产品说明 */
{
	color:#333333;
}

.productbyid .BriefDescription table ul li  span.SubTitle1 /* 里面放的是产品说明 */
{
	/* color:Red; */
}
.BriefDescription table ul li  span.SubDescription /* 里面放的是产品说明 */
{
	/* color:Red; */
}

/*  ----------------------------------------------------.productbyid .MoreDescription开始 -----------------------------------*/
.productbyid .MoreDescription
{
  padding-top:20px;
  padding-bottom:20px;	
}

.productbyid .MoreDescription .Title
{
    background: url(Product/productbyid/MoreDescription/bg_title.gif) repeat-x left bottom;
}
.productbyid .MoreDescription .separator
{
    width: 3px;
}

.productbyid .MoreDescription .Title .Mouse_Out
{
    background: url(Product/productbyid/MoreDescription/bg_left.gif) no-repeat left top;
	padding: 0 0 0 3px; /* ----------8px 为 图片 bg_left.gif 的宽度--------------------------- */
}
.productbyid .MoreDescription .Title .Mouse_Out a.title
{
    display: block;
    background: url(Product/productbyid/MoreDescription/bg_right.gif) no-repeat right top;
    padding: 0px 18px 0px 15px; /* --------15px = (18px - 图片 bg_left.gif 的宽度8px)  --很重要的设置 --------------------------- */
    color: #555555;
    height: 27px;
    line-height: 27px;
}

.productbyid .MoreDescription .Title .Mouse_Over
{
    background: url(Product/productbyid/MoreDescription/bg_left.gif) no-repeat left bottom;
	padding: 0 0 0 3px; /* ----------8px 为 图片 bg_left.gif 的宽度--------------------------- */
}
.productbyid .MoreDescription .Title .Mouse_Over a.title
{
    display: block;
    background: url(Product/productbyid/MoreDescription/bg_right.gif) no-repeat right bottom;
    padding: 0px 18px 0px 15px; /* --------15px = (18px - 图片 bg_left.gif 的宽度8px)  --很重要的设置 --------------------------- */
    
    color: #555555;
    height: 27px;
    line-height: 27px;
}

.productbyid .MoreDescription .Content
{
    border-right: #e1e1e1 1px solid;
    border-left: #e1e1e1 1px solid;
    border-bottom: #e1e1e1 1px solid;
    padding:20px;
}


/*--------------------ProductPhotoMore---------------------------------------------------------------------  */
