/*
 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;
}
/* 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 {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,.7);
    padding: 20px;
    text-align: center;
}
.thumbWrapper a { display: inline-block; height: 70px; width: 70px; overflow: hidden;}
.thumbWrapper a img {height: 70px;}
.cloudzoom-gallery {}
@media screen and (max-width: 1024px) {
    .thumbWrapper { left: 0px; top: auto; bottom: 0; width: 100%;}
    .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; }*/

/*thumb�秐撌�*/
.thumbWrapper {/*position: absolute; left: 30px; top: 30px; top: 30px; width: 130px;*/
    /*position: fixed;*/
    left: 0;
    bottom: 0;
    width: 50%;
    margin: 0 auto;
    background-color: rgba(0,0,0,.7);
    padding: 20px;
    text-align: center;
}
.thumbWrapper a {/*display: block;*/ display: inline-block; height: 70px; /*width: 70px;*/ margin: 0 2px; overflow: hidden;}
.thumbWrapper a img {height: 70px;}
.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; }