.book-container {position: absolute; z-index: 99999; margin-left: 510px; height: 720px !important;  }

.book {
width: 415px;
height: 625px;
background-color: none;
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
perspective: 2000px;
}

.cover {
width: 415px;
height: 100%;
position: absolute;
left: 0px;
background-color: none;
transform: rotateY(0deg);
transform-style: preserve-3d;
transform-origin: left;
transition: all .5s ease-in;
}

.book:hover .cover {
    /*transform: rotateY(-180deg);*/
    /*background-color: #dcdcdc;*/
    /*-webkit-animation: rotation 1s infinite linear;*/
    /*opacity: 0.8;*/
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotateY(0deg);
		}
		to {
				-webkit-transform: rotateY(-180deg);
		}
}

figure {
margin: 0;
display: block;
position: absolute;
width: 100%;
height: 600px;
backface-visibility: hidden;
}

figure.front {
background: none; 
}

figure.back {
background: #ffffff;
transform: rotateY(180deg);
}