/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.off20p{ font-size:11px; color:#999; font-style:italic}
#like_products_list .normalprice{ font-size:11px;}
/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#fff; border:1px #e60012 solid;}
        #cboxLoadingGraphic,#loadingspan{background:url(loading.gif) center center no-repeat;}
		#loadingspan{ width:32px; height:32px; display:block;background:url(../../../templates/xcip/images/loading.gif) no-repeat}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background:url(close-bag-button.png) 0 0 no-repeat; right:20px; top:15px; height:29px; width:29px;}
        #cboxClose.hover{}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}
#custom_made_look{ width:570px;float:left; padding:5px 10px; margin:10px 0; background:#e1e1e1}
		#custom_made_look input,#custom_made_look SELECT,.inputReArea input{border:1px #ccc solid; height:22px; width:50px;border-radius:3px 3px 3px 3px}
		#custom_made_look textarea,.inputReArea textarea{border:1px #ccc solid;height:54px; width:260px;border-radius:3px 3px 3px 3px}
		#custom_made_look .left{float:left; margin-right:8px; width:307px}
		#custom_made_look .right{width:268px;float:left;}
		#custom_made_look .right h6{background:#363636; margin:0; text-align:center}
		#custom_made_look .line{width:260px; margin:8px 15px 0 0  ;display:inline-table;float:left;}

		#custom_made_look .words{ float:left;display:inline-table; line-height:14px}
		#custom_made_look .area{display:inline-table; float:right}
		#custom_made_look #b{  float:left;margin-top:8px;}
		.wrapperAttribsOptions .costMadearea{ padding:0 0 0 10px; width:595px}
		.costMadearea .line{margin:0 0 10px 0;  float:left}
		.costMadearea .ml2{ margin-left:30px}
		.costMadearea .line .h6{ font-size:15px; color:#999}		
		.costMadearea .area{ margin-top:4px; line-height:20px; font-size:12px}
		.costMadearea input{background:none; border:none; width:auto; height:auto}
.product_img{ width:155px; float:left; margin:0 10px;}
#edit_products_infomation{ padding:10px 0 0 0}
.pro_info{ width:602px; float:right;}
.productName{ font:12px}
ul#productDetailsList li{ float:left; color:#666; font-style:italic; margin:0 10px 0 0}
/*定制小兔*/
.bubbleInfo {
position: relative;
}
a.trigger {
background:url(help.png) no-repeat 0 -20px;
text-indent:-9999px;
height:20px;
width:16px;
display:block;
margin:0 0 0 4px;
float:left;
}
a.trigger:hover{ background-position:0 0}
.costMadearea input.smallcheck,.costMadearea .attribsCheckbox{ float:left; line-height:1.1em}
/* Bubble pop-up */
.popup {
position: absolute;
display: none;
z-index: 99999;
border-collapse: collapse;
}
.popup td.corner,.popup .corner {
height: 14px;
width: 18px;
display:block
}
.attribImg2 { width:69px; margin-bottom:10px}
a.chooseColorTwo{padding:3px; border:1px solid #fff}
.attribImg2,.attribImg_left, .attribImg_right{ width:59px; margin:0; padding:5px 0px;  text-align: center; float:left}
.attribImg2 img,.attribImg_left img,.attribImg_right  img{cursor:pointer}
.attribImg2 label,.attribImg_left label,.attribImg_right label{font-size:0.9em; color:#333;}
.popup #topleft { background-image: url(../product_info/poup/bubble-1.png); }
.popup td.top { background-image: url(../product_info/poup/bubble-2.png); }
.popup #topright { background-image: url(../product_info/poup/bubble-3.png); }
.popup td.left { background-image: url(../product_info/poup/bubble-4.png); }
.popup td.right { background-image: url(../product_info/poup/bubble-5.png); }
.popup td#bottomleft { background-image: url(../product_info/poup/bubble-6.png); }
.popup td.bottom { background-image: url(../product_info/poup/bubble-7.png); text-align: center;}
.popup td.bottom img { display: block; margin: 0 auto; }
.popup td#bottomright { background-image: url(../product_info/poup/bubble-8.png); }
#productAttributes{ width:100%; margin:10px 0; position:relative}
.optionName { width:600px; padding:2px 0 2px 10px; background:#f1f1f1; border-top:1px solid #e1e1e1; margin:10px 0}
.chosearea{ width:600px; padding:0 0 0 10px; height:auto; position:relative}
.downtime,.kidssize{background:url(kidsize-banner.png) no-repeat;}
.kidssize{ position:absolute; top:-60px; right:0px; width:65px; height:65px; background-position:0 0; display:block}
.downtime{ background-position:0 -65px; padding:4px 0 0 25px; margin:0 0 0 20px}
.name{ font-weight:bold;}
.sizec,.see_dd,#customize_details{ background-position:-213px 8px ; padding:0 0 0 10px }
#customize_details,.open_so,.so_on,.aslo,.return_hiden,.jiantou{background:url(../../../templates/xcip/images/x_cat_boxes.png) no-repeat;}
#customize_details{ background-position:0 -727px ; margin-left:20px ; padding:0 0 0 22px}
.attribsRadioButton{ display:block;  }
.open_so{ background-position:0 -622px; padding:0 0 0 20px; text-decoration:underline}
a.chooseColor {background:#dbf1cb; border:1px solid #ccc; padding:2px 7px; margin:10px 10px 0 0 ;display:block;}
#costMade{float:left; width:620px; }
.attribsCheckbox{ margin:0 0 0 5px; line-height:1.6em}
input.smallradio,#inorcm,.hiddenField,#xcipher_loading_img,#custom_made_look .hiddenField,input.smallradio{ border:none; display:none}
a.chooseColor ,.attribsRadioButton ,#ratingRow{ cursor:pointer}
a.chooseColor:hover,a.choseon{background:#39a434; border:1px solid #666; color:#fff}
input#size-customize-change{ width:auto; height:auto;}
.htm{ color:#e60012; font-weight:bold; margin:12px 0 0 0;}
#b{ margin:0 0 20px 0 }
.failedalert{ width:285px; margin:20px 0 0 0}
.failedalert ul{ padding:4px 0 4px 25px; background:#EDA9AF; border:1px solid #E8557D; }
.failedalert ul li{color:#A20410; line-height:14px; font-size:12px; list-style-type: disc}
a.graylog{ font-style:italic; font-size:11px; color:#ccc}
a.graylog:hover{ color:#666; text-decoration:underline}
.savefunction{ width:580px; border-bottom:1px solid #f1f1f1; padding:0 0 5px 0; margin:10px 0 5px 0}
.sizeoption{ border:1px solid #e60012; padding:2px 5px; margin:5px 10px 5px 0; background:#dbf1cb;border-radius:4px 4px 4px 4px}
a.clicked{ background:#39a434; color:#fff;}
.savefunctionbottom{ width:580px; border-top:1px solid #f1f1f1; padding:10px 0 0 0; margin:10px 0 0}
.savefunctionbottom .line .tipsme{ width:72px;}
#custom_made_look input.renewit{ width:20px; height:20px;}
#custom_made_look .savefunctionbottom .line{ margin-top:4px}