.product_colors{

}

.product_colors .img_small_wrapper .prev{
    width:30px;
    background-color: #008000;
    top:0;
}

.product_colors .img_small_wrapper .next{
    width:30px;
    background-color: #008000;
    bottom:0;
}


.product_colors table td{
    background-color: #ccc;
}


.product_colors table td.big .subtitle,
.product_colors table td.small .subtitle
{
    bottom:0;
    left:0;
    position: absolute;
    width:100%;
    opacity: 0.5;
    text-align: left;
    margin-left: 10px;
    /*background-color: #fff;*/
}

.product_colors table td.small_bottom .subtitle
{
    /*bottom:20px;*/
}

.product_colors
{
    width:100%;
    display: table;
    background-color: #ccc;
}


.product_colors{
    position: relative;
}

.product_colors .prev_wrapper,
.product_colors .next_wrapper{
    position: absolute;
    text-align: center;
    width: 100%;
}

.product_colors .prev,
.product_colors .next
{
    background-color: #ebecf0;
    color:#000;
    opacity: 0.7;
    width:40px;
    text-align: center;
    z-index:900;
    margin: 0 auto;
}

.product_colors .prev:hover,
.product_colors .next:hover
{
    opacity: 1;
    cursor: pointer;
}
.product_colors .prev_wrapper{
    top:0;
}
.product_colors .next_wrapper{
    bottom:0;
}



.product_colors table
{
border:0;
padding:0;
margin:0;
border-spacing: 0;
}

.product_colors table td
{
border:0;
padding:0;
margin:0;
}

.product_colors table td.empty
{
background-color: #ccc!important;
}

.product_colors table td.normal
{

}

.product_colors table td.big
{
width: 67%;
position: relative;
}



.product_colors table td.small
{
width: 33%;
height:50%;
position: relative;
background-color: #ccc;
    border-left: 3px solid white;
}
.product_colors table td.small:hover
{
cursor: pointer;
}

.product_colors table td img
{
width: 100%;
vertical-align: bottom;
line-height: 0px;
border:0;
display: block;
}

.product_colors table td.small_top{
    border-bottom: 3px solid #fff;
}