.image-list{
    display:block;
    list-style-type:none;
    margin:0;
    padding:0;
    text-align:center;
    overflow:hidden;
    height:280px;
}
    .image-list li{
        position:absolute;
        display:block;
        width:100%;
        z-index:100;

        opacity:0;

        /* Prevent Jumping */
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility:    hidden;
        -ms-backface-visibility:     hidden;
        backface-visibility:     hidden;   
                
        transition: all .35s ease-in-out;
        -moz-transition: all .35s ease-in-out;
        -webkit-transition: all .35s ease-in-out;                            
    }
        .image-list li.active{
            z-index:200;
            opacity:1;
        }
        .image-list li a.artbox_thumb{
            display:block;
            height:auto;
            text-align:center;
        }

.color-list{
    display:block;
    list-style-type:none;
    margin:0;
    padding:0;
    text-align:center;
    height:21px;
    overflow:hidden;
}

    .color-list li{
        display:inline-block;
        border:1px solid #CCC;
        overflow:hidden;
        cursor:pointer;
    }
    .color-list li.active{
        border:1px solid black!IMPORTANT;
    }

    .color-list li.type-color span{
        text-indent:-999px;
    }

        .color-list li span{
            width:15px;
            height:15px;
            border:2px solid white;
            display:block;
            overflow:hidden;
        }
            .color-list li span img{
                width:100%;
                height:100%;
            }