.vbox {overflow: hidden;}
.vblock img {border: 1px solid #E7E7E7;
    border-radius: 5px;
    padding: 2px;
    background: #fff;}
.vblock img:hover {border: 1px solid #BBBBBB;}
.vblock img#active {border: 1px solid #a7a7a7;}
.vblock img.not-available {filter: brightness(0.7);}
.vblock div {float: left; display: block; margin-right: 9px; margin-bottom: 5px;}
.vp_title {margin-bottom:7px;margin-top:5px;font-size: 15px;font-weight: bold;}
.none {color:red;}
.show {color:blue;}
.vblock a{
    display: inline-block;
}
.product-page .variants > a{
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-right: 5px;
    border-radius: 4px;
}
.product-layout .product-thumb:hover .variants a:after{
    background: none !important;
}
.product-page .variants > a.not-available#active:after {
    background: #333333;
}
.product-page .variants.type0 > a#active {
    border: 1px solid #000;
    font-weight: bold;
}
.product-page .variants.type0 > a{
    padding: 5px 10px;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #e6e2e2;
}


.product-page .variants.type1 > a span{
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 4px;
    border: 3px solid #0000000d;
    vertical-align: middle;

}

body .product-page .variants > a.not-available span{
    border: 1px solid #b9b7b7;

}
.product-page .type1 a.not-available:after {
    content: " ";
    width: 50px;
    height: 3px;
    background: #b9b7b7;
    top: 0;
    bottom: 0;
    position: absolute;
    left: -7px;
    right: 0;
    transform: rotate(45deg);
    margin: auto;
}
.product-page .type0 a.not-available:after {
    content: " ";
    width: 50px;
    height: 3px;
    background: #e6e2e2;
    top: 0px;
    bottom: 0;
    position: absolute;
    left: -7px;
    right: 0;
    transform: rotate(55deg);
    margin: auto;
    border-radius: 1px;
}
.product-page .variants a:hover{
    text-decoration: none;
    color: inherit;
}

.not-available{
    position: relative;
}
a.type0:hover{
    text-decoration: none;
    color: inherit;
    border-color: #000;
}
a.type0.active{
    border: 1px solid #d0d0d0;
    font-weight: bold;
    background: #f1f1f1;
}
a.type0{
    display: inline-block;
    padding: 4px 8px;
    vertical-align: middle;
    background: #fff;
    border-radius: 4px;
    font-size: 11px;
    border: 1px solid #e6e2e2;
    margin-top: 4px;
    margin-right: 4px;
}

a.type1.active span{
    border: 3px solid #000;
}
a.type1 span{
    width:25px;
    height: 25px;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #0000000d;
}
.product-thumb .variants{
    height: 25px;
    padding: 0 15px;
}
.product-thumb .variants a{
    display: inline-block;
    margin-right: 4px;
}

.product-thumb .type1#not-available span:after {
    content: " ";
    width: 30px;
    height: 2px;
    background: #e7e3e3;
    top: -2px;
    bottom: 0;
    position: absolute;
    left: -5px;
    right: 0;
    transform: rotate(45deg);
    margin: auto;
}
.product-thumb #not-available span{
    position: relative;
    border-color: #e6e2e2;
}

.product-thumb .type0#not-available:after {
    content: " ";
    width: 30px;
    height: 2px;
    background: #e6e2e2;
    top: -2px;
    bottom: 0;
    position: absolute;
    left: -5px;
    right: 0;
    transform: rotate(56deg);
    margin: auto;
}
.product-thumb #not-available{
    position: relative;
}
.wrap-type0{
    width: 100%;
    background: #fff;
    position: absolute;
    box-sizing: content-box;
    left: -1px;
    border: 1px solid;
    border-top: none;
    display: none;
    border-color: inherit;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.wrap-type0>div{
    padding: 10px 15px;
}
div.product-thumb:hover .wrap-type0{
    display: block;
}

div.product-thumb:hover{
    z-index: 99999;
}

.variants p, .wrap-type0 p{
    font-size: 10px;
    margin-bottom: 0;
}

.product-layout .product-thumb:hover .wrap-type0 a:after{
    background: none;
}

@media (max-width: 767px) {
    .wrap-type0{
        display: block;
        position: static;
    }
}

body .product-layout .product-thumb:hover a:nth-child(2):after{
    content: "";
    display: none;
}