.flipbook-viewport .flipbook{

    width:922px;

    height:600px;

}



.flipbook-viewport .page{

    width:461px;

    height:600px;

    background-color: white;

    background-repeat: no-repeat;

}



.flipbook-viewport .page img{

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    margin:0;

}



.flipbook-viewport .shadow{

    -webkit-transition: -webkit-box-shadow 0.5s;

    -moz-transition: -moz-box-shadow 0.5s;

    -o-transition: -webkit-box-shadow 0.5s;

    -ms-transition: -ms-box-shadow 0.5s;



    -webkit-box-shadow:0 0 20px #ccc;

    -moz-box-shadow:0 0 20px #ccc;

    -o-box-shadow:0 0 20px #ccc;

    -ms-box-shadow:0 0 20px #ccc;

    box-shadow:0 0 20px #ccc;

}



.html5-book .even{

    background:-webkit-gradient(linear, left top, right top, color-stop(0.95, #fff), color-stop(1, #dadada));

    background-image:-webkit-linear-gradient(left, #fff 95%, #dadada 100%);

    background-image:-moz-linear-gradient(left, #fff 95%, #dadada 100%);

    background-image:-ms-linear-gradient(left, #fff 95%, #dadada 100%);

    background-image:-o-linear-gradient(left, #fff 95%, #dadada 100%);

    background-image:linear-gradient(left, #fff 95%, #dadada 100%);

}



.html5-book .odd{

    background:-webkit-gradient(linear, right top, left top, color-stop(0.95, #fff), color-stop(1, #cacaca));

    background-image:-webkit-linear-gradient(right, #fff 95%, #cacaca 100%);

    background-image:-moz-linear-gradient(right, #fff 95%, #cacaca 100%);

    background-image:-ms-linear-gradient(right, #fff 95%, #cacaca 100%);

    background-image:-o-linear-gradient(right, #fff 95%, #cacaca 100%);

    background-image:linear-gradient(right, #fff 95%, #cacaca 100%);

}



.flipbook .even .gradient{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:-webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2)));

    background-image:-webkit-linear-gradient(left,rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);

    background-image:-moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);

    background-image:-ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);

    background-image:-o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);

    background-image:linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);

}



.flipbook .odd .gradient{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:-webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15)));

    background-image:-webkit-linear-gradient(right,rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);

    background-image:-moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);

    background-image:-ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);

    background-image:-o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);

    background-image:linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);

}



.flipbook .zoom-in .even .gradient,

.flipbook .zoom-in .odd .gradient{

    display:none;

}



.flipbook .zoom-in .next-button,

.flipbook .zoom-in .previous-button{

    display:none;

}