/*
 Cloud Zoom CSS. (c)2012-2013 Star Plugins.
*/
/* CSS for lens */
.cloudzoom-lens {
    border: 5px solid #F1F1F1;
    width: 100px;
    height: 100px;
    box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
    cursor: crosshair;
    z-index: 10;
}

/* CSS for zoom window. */
.cloudzoom-zoom {
    border: 1px solid #F1F1F1;
    width: 500px;
    height: 200px;
    box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
    z-index: 9999;
}
/* CSS for zoom window in 'inside' mode. */
.cloudzoom-zoom-inside {
    border: none;
    box-shadow: none;
    z-index: 9999;
}

/* CSS for captions */
.cloudzoom-caption {
    display: none; /* CSS captions should be hidden initially */
    text-align: left;
    background-color: #000;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    font-family: sans-serif;
    font-size: 11px;
}

/* A blank image */
/*.cloudzoom-blank {
    background-image: url(blank.png);
}*/

/* The animated ajax loading image */
.cloudzoom-ajax-loader {
    background-image: url(ajax-loader.gif);
    width: 32px;
    height: 32px;
}

.cloud-zoom-thumbs {
    float: right;
    width: 28%;
}

    .cloud-zoom-thumbs a {
        display: block;
        clear: both;
    }

.cloud-zoom {
    float: left;
    width: 70%;
    /*cursor: crosshair;*/
    cursor: zoom-in;
}

    .cloud-zoom img {
        min-width: 273px !important;
    }

@media(max-width:500px) {
    .cloud-zoom-thumbs {
        float: none;
        width: 100%;
    }

    .cloud-zoom {
        float: none;
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }

    .cloud-zoom-thumbs a {
        display: inline-block;
    }
}

@media(max-width:460px) {

    .cloud-zoom, .cloud-zoom-thumbs {
        float: none;
        width: 100%;
    }

        .cloud-zoom-thumbs a {
            display: inline-block;
            margin: 0 0 0 5px;
        }
}