#flipbook {
	padding: 0px;
	
	margin: 20px auto;
	width: 990px; /* change the width*/
	height: 684px;  /* change the height*/
	background: #fff;
	
}

#flipbook .slide {
	position: absolute;
	width: 990px; /* change the width*/
	height: 684px; /* change the height*/
	padding: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	
}

#flipbook .slide .img {
	width: 50%;
	position: absolute;
	top: 0;
	left: 0;
	height: 684px;
	
	background-size: 200% !important;
	
	-webkit-transition-property: -webkit-transform, box-shadow;
	-webkit-transition-timing-function: linear, linear;
	-o-transition-timing-function: linear, linear;
	transition-property: transform, box-shadow;
	transition-timing-function: linear, linear;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-o-transform-origin: 0 0;
	  
	
}

#flipbook {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}


#flipbook .current {
	z-index: 99999;
}

#prefun,#nextfun
{
	position:relative;
	cursor: pointer;
}
@media screen and (max-width: 482px)
{
	#flipbook {
	width: 964px !important; /* change the width*/
	height: 684px !important;  /* change the height*/
}

#flipbook .slide {
	width: 964px !important; /* change the width*/
	height: 684px !important; /* change the height*/
}

#flipbook .slide .img {
	
	height: 684px !important;
}
}