/* Content Flip Style */
.bb-bookblock {width: 400px;height: 300px;position: relative;background: #fff;z-index: 100;}
.bb-outer {width: 100%;overflow: hidden;z-index: 999;}
.bb-overlay, .bb-flipoverlay {background-color: rgba(0, 0, 0, 0.7);position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0;}
.bb-flipoverlay {background-color: rgba(0, 0, 0, 0.2);}
.bb-item {width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: none;background: #fff;}
.bb-page > div, .bb-outer, .bb-content {position: absolute;height: 100%;top: 0;left: 0;}
.bb-content {background: #fff;}
.bb-inner {position: relative;width: 100%;height: 100%;}

.bb-page {width: 50%;height: 100%;left: 50%;position: absolute;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.bb-overlay, .bb-outer {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.bb-page > div {width: 100%;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.bb-back {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.bb-bookblock > div.bb-page:first-child, .bb-bookblock > div.bb-page:first-child .bb-back {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}


.bb-custom-wrapper {width:620px;height:875px;position:relative;margin:10px auto;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);}
.bb-bookblock {width:100%;height:100%;background:rgba(255,255,255,0.1);}
.bb-custom-content {text-align:center;}
.bb-custom-bg {}
.bb-custom-nav {padding:0;text-align:center;background:#f1eeeb;}
.bb-custom-nav a.bb-nav {display:inline-block;width:64px;height:64px;text-indent:-90000px;margin:0;vertical-align:middle;float:left;}
.bb-custom-nav a#bb-nav-prev {background:url(previous.jpg);margin-right:1px;}
.bb-custom-nav a#bb-nav-next {background:url(next.jpg);}
#bb-nav-jump {float:right;vertical-align:middle;font-size:24px;}
#bb-nav-jump *{vertical-align:middle;}
#bb-nav-jump INPUT {font-size:24px;}
.bb-custom-nav a.go_page {display:inline-block;width:64px;height:64px;cursor:pointer;margin:0;vertical-align:middle;background:url(ok.jpg);}