﻿/*--image-zoom--*/
img.zoom-img {
    width: 90%;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
}

    img.zoom-img:hover {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transition-timing-function: ease-in-out;
        -webkit-transition-duration: 750ms;
        -moz-transition-timing-function: ease-in-out;
        -moz-transition-duration: 750ms;
        -ms-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        -ms-transition-duration: 750ms;
        -o-transition-duration: 750ms;
        overflow: hidden;
    }

/*box */
img.box {
    padding: 10px;
    border: 1px solid #f0f0f0;
    margin-bottom: 20px;
    transition: all .3s ease;
}

    img.box:hover {
        z-index:1000;
        cursor: pointer;
        background-color:#fff;
        -moz-box-shadow: 0px 0px 13px #666;
        -webkit-box-shadow: 0px 0px 13px #666;
        box-shadow: 0px 0px 13px #666;
         transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }

    /*box1 */
    img.box1 {
        margin-top:10px;
    padding: 10px;
    border: 1px solid #f0f0f0;
    margin-bottom: 20px;
    transition: all .3s ease;
    background-color:#fff;
}

    img.box1:hover {
        z-index:1000;
        cursor: pointer;
        background-color:#fff;
        -moz-box-shadow: 0px 0px 13px #666;
        -webkit-box-shadow: 0px 0px 13px #666;
        box-shadow: 0px 0px 13px #666;
         transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }