* {
    margin: 0;
    padding: 0;
    list-style: none;
}


body {
    background: black;
    /*overflow: hidden;*/
}

#stage {
    margin: 0 auto;
    width: 200px;
    height: 300px;
    position: relative;
    margin-top: -20px;
    background: null;

    -webkit-transform: rotateX(-10deg) rotateY(0deg) perspective(2000px);
    -moz-transform: rotateX(-10deg) rotateY(0deg) perspective(2000px);
    -ms-transform: rotateX(-10deg) rotateY(0deg) perspective(2000px);
    -o-transform: rotateX(-10deg) rotateY(0deg) perspective(2000px);
    transform: rotateX(-10deg) rotateY(0deg) perspective(2000px);

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;

}

#shadow {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1200px;
    height: 1200px;
    margin-left: -600px;
    margin-top: -600px;

    background: -webkit-radial-gradient(center center, 600px 600px, rgb(64, 64, 157), rgba(35, 29, 29, 0));

    /*background: -webkit-radial-gradient(center center, 600px 600px, rgba(50, 50, 50, 1), rgba(0, 0, 0, 0));*/
    /*background: -moz-radial-gradient(center center, 600px 600px, rgba(50, 50, 50, 1), rgba(0, 0, 0, 0));*/
    /*background: -ms-radial-gradient(center center, 600px 600px, rgba(50, 50, 50, 1), rgba(0, 0, 0, 0));*/
    /*background: -o-radial-gradient(center center, 600px 600px, rgba(50, 50, 50, 1), rgba(0, 0, 0, 0));*/
    /*background: radial-gradient(center center, 600px 600px, rgba(50, 50, 50, 1), rgba(0, 0, 0, 0));*/

    -webkit-transform: translateY(200px) rotateX(90deg);
    -moz-transform: translateY(200px) rotateX(90deg);
    -ms-transform: translateY(200px) rotateX(90deg);
    -o-transform: translateY(200px) rotateX(90deg);
    transform: translateY(200px) rotateX(90deg);

}


#stage dd {
    height: 300px;
    width: 200px;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #666;

    -webkit-transition: 500ms all ease;
    -moz-transition: 500ms all ease;
    -ms-transition: 500ms all ease;
    -o-transition: 500ms all ease;
    transition: 500ms all ease;

    background-size:cover;
    background-position: center;

}

.over {

    position: absolute;
    left: 0;
    /*top: 320px;*/
    top: 220px;
    width: 300px;
    height: 200px;
    overflow: hidden;

    -webkit-transition: 2s all ease;
    -moz-transition: 2s all ease;
    -ms-transition: 2s all ease;
    -o-transition: 2s all ease;
    transition: 2s all ease;

    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1);

    background-size: 100% 100%;
    opacity: 0;

}

.imageTitle{
    width:100%;
    height:30px;
    color:white;
    text-align:center;
    position:absolute;
    bottom:0px;
    line-height:30px;
    font-size:16px;
    /*background-color: rgba(209, 215, 246, 0.6);*/
    color: white;
    /*background-color: #3498db;*/
    background-color: rgba(52, 152, 219, 0.6);
}