xx* {
	border:solid 1px gray;
}
body {
	width:100%;
	height:900px;
	-background-color: rgb(25, 42, 65);
	margin: 0px 0px 0px 0px;
    font-family: 'Lucida Grande', Arial, sans-serif;
	overflow:hidden;
	font-size:20px;
}

.page {
	height:768px;
	width:900px;
    background-color: rgb(25, 42, 65);
	margin: 0px 0px 0px 0px;
	overflow:hidden;
	position:absolute;
}

.title {

}

/* Style all the images at 100x100 so as to control them with conatining divs*/
img {
width:100%;
height:auto;
}

.title{
	width:100%;
	height:5%;
	color: rgb(198, 198, 198);
    font-family: 'Lucida Grande', Arial, sans-serif;
	margin-bottom: 20px;
	font-size:200%;
}

.detail {
	white-space:pre-wrap;
}

.book-details {
	color: rgb(198, 198, 198);
	background-color: rgb(25, 42, 65);
	height:70%; 
	width:100%;
	display:block;	
	position:absolute;
}

.book-desc {
	float:right;	
	width:75%;
	height:90%;
	overflow-y:scroll;
}

.cover{
	float:left;
	height:280px;;
	width:220px;
	overflow:hidden;
}

.cover >img {
	position:absolute;

	width:200px;
	height: auto;
	border: solid 10px rgba(128,128,128,1);
	z-index:2;
}
.images{
	width:600px;
	height:40%;	
	top:50%;
	background-color: rgba(25, 42, 65,0);
	display:block;
	position:absolute;
}

.image{
	width: 100%;
	display:inline-block;
	border: solid 20px rgba(128,128,128,.8);
	margin-top:50%;
	overflow:hidden;
}

.image img { margin-top:-20px ; }

.image {
	-webkit-transform-origin: 0 0 0;
	-webkit-transition: -webkit-transform 1s ease-in 0, z-index .5s ease-in 0, opacity 1s, left 2s, right 2s, position 2s;
	position:absolute;
	z-index:1;
}

.images>:nth-of-type(1)  {-webkit-transform: rotateZ(-15deg) scale(.25, .25) translate3d(0px,0px, 0px)   ;   }
.images>:nth-of-type(2)  {-webkit-transform: scale(.25, .25) translate3d(850px,-20px, 0px) rotateZ(+25deg);   }
.images>:nth-of-type(3)  {-webkit-transform: scale(.25, .25) translate3d(1250px,0px, 0px) rotateZ(-25deg);   }
.images>:nth-of-type(4)  {-webkit-transform: scale(.25, .25) translate3d(1850px,0px, 0px) rotateZ(+25deg);   }
.images>:nth-of-type(5)  {-webkit-transform: scale(.25, .25) translate3d(2250px,0px, 0px) rotateZ(-20deg);   }
.images>:nth-of-type(6)  {-webkit-transform: scale(.25, .25) translate3d(2650px,0px, 0px) rotateZ(+25deg);   }
.images>:nth-of-type(7)  {-webkit-transform: scale(.25, .25) translate3d(3050px,0px, 0px) rotateZ(17deg);   }
.images>:nth-of-type(8)  {-webkit-transform: scale(.25, .25) translate3d(3250px,0px, 0px) rotateZ(-22deg);   }
.images>:nth-of-type(9)  {-webkit-transform: scale(.25, .25) translate3d(3650px,0px, 0px) rotateZ(-11deg);   }

.image:empty {display:none;}


.image:hover {
	-webkit-transform: rotateZ(0deg) scale(.75,.75) translate(150px, -550px); 
	z-index:3;
	left: 0px;
	right:0px;
	opacity:.9;

}

.image:hover~div {
opacity:0.5;
}

::-webkit-scrollbar {
    width: 24px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(128,128,128,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.book-details::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(128,128,128,0.4); 
}


.book-list{

left:5%;
width:100%;
}

.language-covers{
	position:absolute;
	height: 0%;
	top:0px;
	left:0px;
	width:2000px;
	-webkit-transition: -webkit-transform 1s ease-in, z-index .1s ease 1s;
	-webkit-transform: scale3d(.1,1,1);
	-webkit-transform-origin: 0 0 0;
	z-index:1;
	background:red;
}

.cover:hover  .language-covers{
	-webkit-transform: scale3d(1,1,1);
	z-index:4;
	-webkit-transition: -webkit-transform 1s ease-in, z-index 0s ease 1s;


}

.language-covers img {
	display:inline-block;
	width:200px;
	border: solid 10px rgba(128,128,128,1);

}

.language-covers>*{
	position:absolute;
	top:0%;
}