﻿/*选择尺寸开始*/
.pra_size
{
    margin: 0;
    padding: 0;
    text-align: left;
    height: 30px;
}
.pra_size span
{
    margin: 0 5px 0 0;
    padding: 3px 5px 2px 5px;
    display: block;
    height: 14px;
    line-height: 14px;
    float: left;
    text-align: center;
    font-size: 12px;
    color: #000;
    cursor: pointer;
    border: 1px #ccc solid;
    font-family: Arial,Helvetica,sans-serif;
}
.pra_size span.disabled
{
    color: #ccc;
    cursor: not-allowed;
    border: 1px #ccc dashed;
}

/*选择尺寸结束*/


div.pra_size span.selected
{
    color: #000;
    cursor: default;
    border-left: 1px #ffa87d solid;
    border-top: 1px #ffa87d solid;
    border-right: 1px #d95c05 solid;
    border-bottom: 1px #d95c05 solid;
    background: url(/img/goodscolorico.gif) right bottom no-repeat;
}
/*选择颜色开始*/


div.pra_colorpic
{
    margin: 0;
    padding: 0;
    text-align: left;
    height: 56px;
   
}

div.pra_colorpic ul
{
 
   
}

div.pra_colorpic ul li
{
    margin: 5px 7px 0 0 ;
    padding: 0;
    width: 137px;
    height: 56px;
    float: left;
    cursor: pointer;
    overflow: hidden;
    position: relative;
     padding-left:-15px;
   
}
div.pra_colorpic ul li div
{
    position: absolute;
    left: 2px;
    top: 2px;
    margin: 0px;
    padding:0px;
}
div.pra_colorpic ul li div.ColorSay
{
       left: 55px;
}


div.pra_colorpic .zoomPicNomarl
{

    border: 1px solid #999;
    display: block;
    cursor: pointer;
    overflow: hidden;
}



div.pra_colorpic .zoomPicSelected
{
     border-left: 1px #ffa87d solid;
    border-top: 1px #ffa87d solid;
    border-right: 1px #d95c05 solid;
    border-bottom: 1px #d95c05 solid;
    display: block;
    overflow: hidden;
    cursor: default;
    background: url(/img/goodscolorico.gif) right bottom no-repeat;
}

/*选择颜色结束*/


#share a
{
    margin-top: 5px;
    display: block;
    float: left;
    width: 20px;
    height: 0;
    padding-top: 20px;
    overflow: hidden;
    margin-right: 5px;
    background-image: url(/img/sprites-share.png);
    background-repeat: no-repeat;
}
#sXiaonei:hover
{
    background-position: left -20px;
}
#sKaixin
{
    background-position: -20px top;
}
#sKaixin:hover
{
    background-position: -20px -20px;
}
#sQQ
{
    background-position: -40px top;
}
#sQQ:hover
{
    background-position: -40px -20px;
}
#sDelicious
{
    background-position: -60px top;
}
#sDelicious:hover
{
    background-position: -60px -20px;
}


#snippetSecMain
{
    border: 1px solid #ccc;
    width: 300px;
    padding: 5px 0px 4px 8px;
    margin: 0;
    height: 45px;
}




.DetailInfo
{
    width: 100%;
    text-align: left;
}
.DetailInfoHidden
{
    display: none;
    width: 100%;
    text-align: left;
}
#ItemAttributes
{
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    margin-top: 10px;
    margin-bottom: 20px;
}
#ItemAttributes ul
{
    margin: 0;
    padding: 0;
}
#ItemAttributes li
{
    display: block;
    list-style-type: none;
    float: left;
    text-align: left;
    line-height: 30px;
    height: 30px;
    margin: 0;
    padding: 0 60px 0 0;
    color: #333;
    width:200px;
}
#DetailInfoMenuList
{
    width: 100%;
    height: 25px;
}
#DetailInfoMenuList ul
{
    margin: 0;
    padding: 0;
}
#DetailInfoMenuList li
{
    display: block;
    list-style-type: none;
    width: 80px;
    background: url(../img/DetailInfoMenuListBj.gif) left -25px no-repeat;
    height: 22px;
    float: left;
    margin: 0 2px 0 0;
    padding: 3px 0 0 0;
    text-align: center;
}
#DetailInfoMenuList .MenuOn
{
    width: 80px;
    background: url(../img/DetailInfoMenuListBj.gif) left 0 no-repeat;
    height: 22px;
    text-align: center;
    color: #fff;
}
#DetailInfoMenuList .MenuOn A:link
{
    color: #fff;
    text-decoration: none;
}
#DetailInfoMenuList .MenuOn A:visited
{
    color: #fff;
    text-decoration: none;
}
#DetailInfoMenuList .MenuOn A:hover
{
    color: #fff;
    text-decoration: none;
}
#DetailInfoMenuList .MenuOn A:active
{
    color: #fff;
    text-decoration: none;
}
#DetailInfoMenuList li a
{
    display: block;
    width: 80px;
    height: 22px;
    line-height: 22px;
    padding: 0;
}
#DetailInfoMenuList li A:link
{
    color: #333;
    text-decoration: none;
}
#DetailInfoMenuList li A:visited
{
    color: #333;
    text-decoration: none;
}
#DetailInfoMenuList li A:hover
{
    color: #f60;
    text-decoration: none;
}
#DetailInfoMenuList li A:active
{
    color: #333;
    text-decoration: none;
}
.DetailInfo .Title
{
    position: relative;
    height: 25px;
    margin-top: 0;
    background: url(/img/DetailInfoContent_title.gif) left top repeat-x;
    line-height: 25px;
    width: 100%;
    padding-top: 2px;
}
.DetailInfo .Title SPAN
{
    width: 200px;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    padding-left: 10px;
}
.DetailInfoContent
{
    padding: 10px 0px 40px 0px;
    text-align: left;
    overflow: hidden;
    line-height: 21px;
}
.DetailInfoContent .DetailWeek
{
    height: 30px;
    font-size: 12px;
    color: #f00;
}
.DetailInfoContent .DetailWeek A:link
{
    color: #04c;
    text-decoration: none;
}
.DetailInfoContent .DetailWeek A:visited
{
    color: #04c;
    text-decoration: none;
}
.DetailInfoContent .DetailWeek A:hover
{
    color: #f60;
    text-decoration: underline;
}
.DetailInfoContent .DetailWeek A:active
{
    color: #04c;
    text-decoration: none;
}
.DetailInfoContent .goodsForSeries
{
    padding: 15px 0 0 0;
    margin-top: 20px;
    margin-bottom: 0;
}
.DetailInfoContent div.ti
{
    padding: 15px 0;
    text-align: left;
    line-height: 21px;
}
.DetailInfoContent div.ti img
{
    border: 0;
    margin-right: 15px;
}
.DetailInfoContent A:link
{
    color: #060;
    text-decoration: none;
}
.DetailInfoContent A:visited
{
    color: #060;
    text-decoration: none;
}
.DetailInfoContent A:hover
{
    color: #f60;
    text-decoration: underline;
}
.DetailInfoContent A:active
{
    color: #060;
    text-decoration: none;
}
.DetailInfoContent a:active
{
    color: #060;
    text-decoration: none;
}
.DetailInfoContent img
{
    margin: 0;
    padding: 0;
}
.DetailInfoContent .InsertWordsDisplay
{
    display: none;
}

.Top
{
    float: right;
    display: inline;
    margin: 8px 10px 0 0;
    padding: 0;
}

.HackBox
{
    clear: both;
    border-top: transparent 1px none;
}



/*产品详细页*/
.m_cont_t { width:600px;margin: 0 0 0 9px; float:left}
.m_detail_l
{
	width: 250px;
	float: left;

}

.m_detail_r
{
	width: 340px;
	float: right;
}
.prod_m
{
	float: left;

	width: 250px;
	margin-top: 10px;
}
.prod_m li
{
	float: left;
}

.sstar50, .sstar45, .sstar40, .sstar35, .sstar30, .sstar25, .sstar20, .sstar15, .sstar10, .sstar05, .sstar00
{
	background: url(../images/all_star.gif) no-repeat;
	height: 14px;
	display: block;
	color: #999;
	overflow: hidden;
	font-size: 14px;
	line-height: 100%;
	width: 75px;
	float: left;
}
.sstar50
{
	background-position: 0 2;
}
.sstar45
{
	background-position: 0 -15px;
}
.sstar40
{
	background-position: 0 -32px;
}
.sstar35
{
	background-position: 0 -45px;
}
.sstar30
{
	background-position: 0 -62px;
}
.sstar25
{
	background-position: 0 -75px;
}
.sstar20
{
	background-position: 0 -93px;
}
.sstar15
{
	background-position: 0 -105px;
}
.sstar10
{
	background-position: 0 -124px;
}
.sstar05
{
	background-position: 0 -135px;
}
.sstar00
{
	background-position: 0 -155px;
}

.brand_m li img
{
	vertical-align: top;
}
.brand_m .brand_list
{
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	background: url(../images/brand_m_bg.gif) repeat-x center center;
	height: 67px;
	line-height: 67px;
	float: left;
	width: 768px;
	display: block;
}

/*.brand_m .brand_list ul { float:left; padding:0 0 0 15px}*/
.prod_m .prod_list li
{
	
}
.brand_m .brand_list li img
{
	padding: 1px 0 0 1px; /* vertical-align:bottom; padding:1px 0 0 1px; margin:-8px 0 0 0;*margin:-4px 0 0 0;_margin:0px 0 0 0;*/
}
.prod_overhidden
{
	width: 265px;
	overflow: hidden;
	position: relative;
	height: 47px;
	margin: 0 0 0 10px; *margin:0 0 0 2px;
float:left;
}
.prod_list_box
{
	
	position: relative;
}
.prod_list_box ul
{
	padding: 0 0 0 0px;
}
.prod_list_box ul li
{
	width: 240px;
	margin-left:6px
}
.prod_list_box ul li img
{
    float: left;
	text-align: left;
	margin: 4px 2px 0 0;
	padding: 0 2px 0 2px;
	border:1px solid #ccc;
}

.m_detail_r .base ul
{
	clear: both;
	padding-left: 15px;
}
.m_detail_r .base li
{
	line-height: 28px;
}
.m_detail_r .base h1
{
	line-height: 180%;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	margin-top:0px;
	padding-top:0px;
}

.m_detail_r .base .price_save
{
	background: url(/images/semg.jpg) center no-repeat;
	padding: 3px 12px 3px 7px;
	margin: 0 10px 0 10px;
	color: #FFCE71;
}
.m_detail_r .base .vip
{
	color: #C22311;
}
.m_detail_r .base .detail_input
{
	border: solid 1px #FFC1A2;
	background-color: #FFF6F7;
	height: 130px; *margin-top:-20px;

}

.detail_input li div
{ *float:left;
}
.m_detail_r .base .detail_input li
{
	margin-top: 10px;
}
.m_detail_r .base .detail_input span
{
	float: left;
}

.m_detail_r .base .detail_function
{
	padding-top: 10px; *padding-top:0px;
}
.m_detail_r .base .detail_function li
{
	clear: both; *line-height:18px;
}
.m_detail_r .base .detail_function dd
{
	color: #666666;
	float: left; *line-height:14px;

}
.m_detail_r .base .detail_function dt
{
	color: #D7130E;
	width: 140px;
	float: left; *line-height:14px;
}


