﻿
.book {
	
	list-style: none;
	position: relative;
}

.book li {
	-webkit-perspective:1800px;
	-moz-perspective: 1800px;
	perspective: 1800px;
	position: relative;
	width: 100%;
	float: left;
	z-index: 1;
}

/*
.coverItem .c_front > div,
.coverItem .c_back,
.coverItem .c_left,
.coverItem .c_right {
	background-color: #f5f5f5;
}
*/
.book li .coverItem > div,
.book li .c_front > div {
	display: block;
	position: absolute;
}

.book li .c_front > div {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}


.book li .c_back
{
	box-shadow: -5px 5px 15px rgba(0,0,0,0.3);
	border-radius: 3px 0 0 3px;
	z-index: 0;
}


.book li .c_front,
.book li .c_back,
.book li .c_front > div {
	width: 100%;
}

.book li .c_left 
{
	overflow:hidden;
	/*-webkit-transform: rotate3d(0,1,0,-90deg);
	-moz-transform: rotate3d(0,1,0,-90deg);
	transform: rotateY(-90deg);*/
}

.book li .c_right
{
	
}

.book li .coverItem.bk-viewback {
	-webkit-transform: translate3d(0,0,0px) rotate3d(0,1,0,180deg);
	-moz-transform: translate3d(0,0,0px) rotate3d(0,1,0,180deg);
	transform: rotateY(179.9deg);
}

.book li .coverItem.hover {
	-webkit-transform: rotate3d(0,1,0,40deg);
	-moz-transform: rotate3d(0,1,0,40deg);
	transform: rotateY(40deg);
}

.book li .bk-viewback .c_back {
	z-index: 10;
}

book .coverItem {
	background-repeat: no-repeat;
	background-position: 0px 0px;
}.coverItem.default .c_front::after, .coverItem.bk-viewback .c_back::after {    content:"";    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    box-shadow: inset 0px 0px 12px 3px rgba(0, 0, 0, 0.05);    pointer-events: none;}.coverItem.default .c_left::after {	content:"";	position: absolute;	left: 0;	top: 0;	width: 100%;	height: 100%;	background-color: rgba(0, 0, 0, 0.03);}/*@media all and (max-width:749px) {	.book li .coverItem.default:hover {		-webkit-transform: rotate3d(0,1,0,0deg);		-moz-transform: rotate3d(0,1,0,0deg);		transform: rotateY(0deg);	}}*/