#dress-color dl:after,#dress-size dl:after{
    content:"";
    clear:both;
    display: block;
}
#dress-size{padding-top:10px;}

#dress-color dl div.color-item{
    width:30px;
    height:30px;
    text-indent: -999px;  
	float:left;
    padding:2px;
    border:1px solid #ddd;
    margin:0 6px 6px 0;
    cursor: pointer;
    position:relative;
}
#dress-color dl div.color-item:hover, #dress-size dl div.size-item:hover{border:1px solid #ff6699;}
#dress-color dl div.color-item.selected:hover, #dress-size dl div.size-item.selected:hover{border:2px solid #ff6699;}
#dress-color dl div.color-item span{display:block; width:30px; height:30px;font-size:0;line-height:0;
text-indent:-9999px;}

#dress-size dl div.size-item{
    float:left;
    padding:6px 12px;
	line-height:18px;
	height:18px;
    border:1px solid #ddd;
    margin:0 6px 6px 0;
    cursor: pointer;
    position:relative;
}




#dress-color dl div.selected{
    border:2px solid #ff6699;
    color:#333;
	padding:1px;
    position:relative;
	position:relative;background: url('../images/item_sel.gif') no-repeat;
}
#dress-size dl div.selected{border:2px solid #ff6699;
    color:#333;
	padding:5px 11px;
    position:relative;background: url('../images/item_sel.gif') no-repeat;}
#dress-color dl div.selected:after{
    content:"";
    display:block;
   /* position: absolute;
    right:0;
    bottom:0;*/
    background: url('../images/item_sel.gif') no-repeat;
}
#dress-size dl div.selected:after{
    content:"";
    display:block;
   /* position: absolute;
    right:0;
    bottom:0;*/
    background: url('../images/item_sel.gif') no-repeat;
}

#dress-color dl div .preview{
    background: #fff;
    position:absolute;
    width:102px;
	border:#ddd solid 1px;
    left:-30px;
    top:-36px;
    margin:0;
    padding:0;
    z-index: 999;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
}
#dress-color dl div .preview .bg{
    width:0px;
	height:0x;
    padding:5px;
}
#dress-color dl div .preview .title{
    height:12px;
    line-height: 12px;
	color:#333;
    text-align: center;
    text-indent: 0;
    margin:0;
    padding:0 0 5px 0;
    border:none;   
    overflow: hidden;
	text-transform:capitalize;
}
#dress-size dl div div.instruction{
    position:absolute;
	z-index:100;
    background-color: #fff;
    border:1px solid #aaa;
    padding:5px 10px;
	width:180px;
	height:110px;
    left:0px;
    top:-130px;
}
#dress-size dl div div.instruction ul{
    margin:0;
    padding:0;
	text-align:left;
}
#dress-size dl div div.instruction ul li{line-height:22px; font-size:12px; text-transform:capitalize;}
#dress-color dt, #dress-size dt{padding-bottom:8px; line-height:16px; height:16px;}
#size-detail-wrap .instruction{ border:#ddd solid 1px; background:#f9f9f9; padding:5px 10px;}
#size-detail-wrap .instruction li{ line-height:22px;}
.show-color-text{display: inline-block;
padding-left: 10px;
color: #333;}
#show-color{ color:#ff6699; display: inline-block; padding-left:3px; font-weight:bold;}

.custom-input{float:left; width:130px; padding-right:20px;}
/*.custom-input input{width:100%;}*/
.custom-imgs{float:left;}
.custom-texts{padding-left:20px; line-height:28px;}

#custom-size-wrap{display: none;background:#fff;padding:10px; border:#ddd solid 1px;}
/*定义颜色背景*/



.color-item{text-indent: 99999px;}

#value-2 span{background:#D94514;}
#value-3 span{background:#981C41;}
#value-1 span{background:#EAADAD;}
#value-9 span{background:#D80D86;}
#value-7 span{background:#FBBEA7;}
#value-8 span{background:#CAB6AC;}
#value-31 span{background:#FFFFFF;}
#value-32 span{background:#FFFFF0;}
#value-33 span{background:#F7E7CE;}
#value-34 span{background:#F5F5F5;}
#value-35 span{background:#205241;}
#value-36 span{background:#4B3457;}
#value-37 span{background:#00B2D1;}
#value-38 span{background:#0D3862;}
#value-39 span{background:#dae9cb;}
#value-40 span{background:#7A7D7D;}
#value-41 span{background:#C3E5DA;}
#value-42 span{background:#c8ced0;}
#value-43 span{background:#00839B;}
#value-44 span{background:#E23E21;}
#value-45 span{background:#595C68;}
#value-46 span{background:#F9DFD5;}
#value-47 span{background:#470040;}
#value-48 span{background:#806C6D;}
#value-49 span{background:#B29297;}
#value-50 span{background:#862A77;}
#value-51 span{background:#472F92;}
#value-52 span{background:#710C4C;}
#value-53 span{background:#80CECC;}
#value-54 span{background:#FADA0C;}
#value-55 span{background:#6DA5AD;}
#value-56 span{background:#F9C3D0;}
#value-57 span{background:#473336;}
#value-58 span{background:#692640;}
#value-59 span{background:#906C8D;}
#value-60 span{background:#ffffff;}
#value-61 span{background:#e9ddd1;}
#value-62 span{background:#cab8ac;}   



#value-16 span{background:url(../images/colors/comme-image.jpg) no-repeat center center  / 30px 30px;}