.zoomPad{
    position:relative;
    float:left;
    z-index:99;
       /*cursor:none;*/
}

.zoomPreload{
    -moz-opacity:0.8;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    color: #333;
    font-size: 12px;
    font-family: Tahoma,sans-serif;
    text-decoration: none;
    border: 1px solid #CCC;

    padding: 8px;
    text-align:center;
    background:white url(../images/zoomloader.gif) 43px 30px  no-repeat;

    z-index:110;
    width:90px;
    height:43px;
    position:absolute;
    top:0;
    left:0;
    * width:100px;
    * height:49px;
}


.zoomPup{
    overflow:hidden;
    background-color: #FFF;
    -moz-opacity:0.6;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    position:absolute;
    border:1px solid #CCC;
    z-index:101;
    /*cursor:none;*/
}

.zoomPup img{
    /*max-width: 257px;*/
    /*max-height: 257px;*/
    max-width: none;
}

.zoomOverlay{
    position:absolute;
    left:0;
    top:0;
    background:#FFF;
    /*opacity:0.5;*/
    width:100%;
    height:100%;
    display:none;
    z-index:101;
}

.zoomWindow{
    position:absolute;
    left:110%;
    top:40px;
    background:#FFF;
    height:auto;
    z-index:110;
}
.zoomWrapper{
    position:relative;
    border:1px solid #999;
    z-index:110;
}
.zoomWrapperTitle{
    display:none !important;
    background:#999;
    color:#FFF;
    height:18px;
    line-height:18px;
    width:100%;
    overflow:hidden;
    text-align:center;
    font-size:10px;
    position:absolute;
    top:0;
    left:0;
    z-index:120;
    -moz-opacity:0.6;
    opacity: 0.6;
    filter: alpha(opacity = 60);
}
.zoomWrapperImage{
    display:block;
    position:relative;
    overflow:hidden;
    z-index:110;
    border: 2px solid #C9CDAD;

}


.zoomWrapperImage img{
    border:0;
    display:block;
    position:absolute;
    z-index:101;
    width:auto ;
    max-width: none;
}

.zoomIframe{
    z-index: -1;
    filter:alpha(opacity=0);
    -moz-opacity: 0.80;
    opacity: 0.80;
    position:absolute;
    display:block;
}

/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/

/**bootstrap*/
@media (min-width: 1200px) {
    .span4 .card_photo .zoomPup img { max-width: 370px; }
}
@media (max-width: 1200px) and (min-width: 979px) {
    .span4 .card_photo .zoomPup img { max-width: 300px; }
}
@media (max-width: 979px) and (min-width: 768px) {
    .span4 .card_photo .zoomPup img { max-width: 228px; }
}

.zoomWindow{ left: 110% !important;}