#select_color_list li,#select_size_list li{
    display: inline-block;
}

#select_color_list img{
    width: 100%;
    object-fit: contain;
    display: block;
    height: 100%;
    -o-object-fit: contain;
}
#select_color_list li {
    width: 90px !important;
    height: 90px !important;
    padding: 0;
    border: 1px solid #eee;
}
.selector-title{
    margin-bottom: 5px;
    font-weight: bold;
    color: #708090;
}

#select_color_list img.current-color{
    border: 2px solid #ff6b8f;
    cursor: default;
}

#select_color_list img{
    cursor: pointer;
}

#select_size{
    margin-top: 10px;
}

#select_size_list li{
    border: 2px solid #eee;
    margin: 2px;
    padding: 10px;
    text-decoration: none;
    color: #b3b3b3;
    background: #eee;
}

#select_size_list li.active{
    cursor: pointer;
    color: #000;
    background: #fff;
}

#select_size_list .active.selected{
    background: none repeat scroll 0 0 #ff6b8f;
    border-color: #ff6b8f;
    color: #FFFFFF;
    text-decoration: none;
    cursor: default;
}

#select_size_list li.active:hover {
    border-color: #ff6b8f;
}

#overlay {background-color:#000; position:absolute; top:0; left:0; z-index:50; display:none; overflow:hidden;}
#loading {background: url('/published/SC/html/scripts/images_common/loading.gif') no-repeat center center #fff; border:1px solid #888; width:32px; height:32px; position:absolute; top:50%; left:50%; z-index:100; margin:-25px 0 0 -25px; display:none;}

#auth_form2 {
text-align:center;
	font-size:12px;
    width: auto;
	height:auto;
	border:1px solid #999;
background-color:#fff; padding:10px; display:none; position:absolute; top:50%; left:50%;  z-index:1000;}
#auth_form2 .msg_error, #auth_form2 .msg_ok {font-size:12px; padding: 10px 10px;}

.image-current{
    cursor:pointer;
}

#close_w {
  margin: 5px;
  text-align: right;
}

ul#thumblist {
    display: block;
}

.image-current{
    margin: 10px;
}

#thumbnail li{
    margin: 0;
    padding: 3px;
}

.clear{
    clear: left;
}

#caruosel,.carousel-button{
    float: left;
}

.carousel-button{
    margin: 50px 5px 0;
}

#caruosel img{
    border: 4px solid #FFFFFF;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

#caruosel .active img{
    border: 4px solid #ff6b8f;
}

.controlbar .previous, .controlbar .next {
    display: none;
}
.controlbar {
    background: none!important;
    width: 36px!important;
}
.carousel-button .arrow {
    border: solid #DCDCDC;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    height: 15px;
    width: 15px;
}
.carousel-button .arrow:hover {
    border-color: #ff6b8f;
    cursor: pointer;
}
.carousel-button .left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.carousel-button .right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
#caruosel ul li {
    overflow: visible!important;
}
#caruosel ul li{
    width: 108px!important;
    height: 108px!important;
    position: relative;
}
.color-name {
    font-weight: bold;
}