/*
 Cloud Zoom CSS. (c)2012-2013 Star Plugins.
*/

/* CSS for lens */
.cloudzoom-lens {
    border:5px solid #888;
    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 #888;
    width:500px;
    height:200px;
    box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
    z-index:9999;
    left: 50% !important;
    margin-left: -200px;
}
/* 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(../images/blank.png);
}

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


/*thumb至左*/
.thumbWrapper {
    left: 0;
    bottom: 0;
    width: 75%;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
}
.thumbWrapper a {display: inline-block; height: 70px; margin: 0 2px; overflow: hidden; opacity: .7; border: 2px solid transparent;}
.thumbWrapper a:hover {
    opacity: 1;
}
.thumbWrapper a img {height: 70px;}
.thumbWrapper a.active {opacity: 1; border: 2px solid #009fce;}
.thumbWrapper a:hover {opacity: 1;}

.thumbWrapper a:last-child {display: none;}

.cloudzoom-gallery {/*width: 60px;*/}
@media screen and (max-width: 1024px) {
    .thumbWrapper { left: 0px; top: auto; bottom: 0; width: 80%;}
    .thumbWrapper a {display: inline-block;}
    .cloudzoom-gallery {width: auto; height: 100px;}
}
@media screen and (max-width: 480px) {
    .cloudzoom-gallery {height: 60px;}
}
.cloudzoom-zoom-inside { cursor:url(../images/icon-mouse.png),url(../images/icon-arrowRight.cur),auto; }