img {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}
.xzoom{
    border: 0;
    border-style: none;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

.xzoom-preview {
    background: #fff;
    z-index: 99
}

.xzoom-lens {
    border: 1px solid rgba(255,255,255,.2);
    box-shadow: 0 0 15px rgba(0,0,0,.2);
    cursor: pointer
}

.xzoom-preview img,.xzoom-lens img {
    max-width: none;
    max-height: none;
    display: block
}

.xzoom-source,.xzoom-hidden {
    display: block;
    position: static;
    float: none;
    clear: both
}

.xzoom-hidden {
    overflow: hidden
}

.xzoom-loading {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    opacity: .7;
    background: url(../images/xloading.gif) no-repeat center center
}