/***************** Album Gallery ***********/
.wrap-frame
{
    position: relative;
}
.smallwrap 
{
    position: absolute;
    z-index: 5;   
    background: #f9f9f9;
}
.wrap-frame-size-a
{
     width: 280px;
     height: 250px;
}
.wrap-frame-image 
{
    background: #fff;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    border: 1px solid #ccc;
}
.wrap-frame-image-a
{
    width: 200px;
    height: 200px;
    margin-left: -100px;
    margin-top: -100px;
}

.smallwrap .title-image
{
    position: absolute;
    z-index: 6;
    color: rgba(255, 255, 255, 0);
    background: rgba(200, 200, 200, 0);
    padding: 5px 10px;
    font-family: Arial;
    font-size: 14px;
}

.smallwrap .title-image-a
{
    left: -4px;
    top: 40px;
}

.wrap-frame:hover .smallwrap .title-image
{
    background: rgba(200, 200, 200, 1);
    color: rgba(255, 255 ,255, 1);
}

.fakepic
{
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    
    background: #fffeee;
}

.wrap-frame ._second-image
{
    left: 10px;
}
.wrap-frame:hover ._first-image 
{
    left: 6px;
    top: 6px;
}
.wrap-frame:hover ._second-image
{
    left: 4px;
    top: 4px;
}

/******************** Box shadow *************/
.smallwrap,
.fakepic
{
    -webkit-box-shadow: 0 0 8px #ccc;
       -moz-box-shadow: 0 0 8px #ccc;
        -ms-box-shadow: 0 0 8px #ccc;
         -o-box-shadow: 0 0 8px #ccc;
            box-shadow: 0 0 8px #ccc;
}

/******************** Box shadow *************/

/******************** Rotate *****************/
.wrap-frame ._second-image
{
    -webkit-transform: rotate(-2deg);
       -moz-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
         -o-transform: rotate(-2deg);
            transform: rotate(-2deg);
}
.wrap-frame:hover .smallwrap,
.wrap-frame:hover .first-image,
.wrap-frame:hover ._second-image 
{
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
}
.smallwrap
{
    -webkit-transform: rotate(1deg);
       -moz-transform: rotate(1deg);
        -ms-transform: rotate(1deg);
         -o-transform: rotate(1deg);
            transform: rotate(1deg);
}
.wrap-frame .first-image
{
    -webkit-transform: rotate(4deg);
       -moz-transform: rotate(4deg);
        -ms-transform: rotate(4deg);
         -o-transform: rotate(4deg);
            transform: rotate(4deg);
}
/******************** Rotate *****************/
/******************** Scale ******************/
.zoomer
{
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}
.zoomer:hover
{
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
}
/******************** Scale ******************/
/******************** Transition *************/
.smallwrap,
.fakepic,
.smallwrap .title-image
{
    -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
.zoomer,
.zoomer:hover
{
    -webkit-transition-duration: 750ms;
       -moz-transition-duration: 750ms;
        -ms-transition-duration: 750ms;
         -o-transition-duration: 750ms;
            transition-duration: 750ms;
}
.zoomer,
.zoomer:hover
{
    -webkit-transition-timing-function: ease-out;
       -moz-transition-timing-function: ease-out;
        -ms-transition-timing-function: ease-out; 
         -o-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
}
/******************** Transition *************/


/*************** Reflection *************/
.image-reflect
{
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255,255,255, 0.3)));
}
/*************** Reflection *************/