/*
 * jQuery Booklet Plugin
 * Copyright (c) 2010 - 2014 William Grauvogel (http://builtbywill.com/)
 *
 * Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php)
 *
 * Version : 1.4.4
 *
 * Originally based on the work of:
 *	1) Charles Mangin (http://clickheredammit.com/pageflip/)
 */
	.booklet{width:800px; height:600px; position:relative; margin:0 auto 10px; overflow:visible !important;}
	.booklet .b-page {left:0; top:0; position:absolute; overflow:hidden; padding:0; outline:1px solid rgba(0,0,0,0);}
	
	.booklet .b-pN  {}
	.booklet .b-p0  {}
	.booklet .b-p1  {}
	.booklet .b-p2  {}    
	.booklet .b-p3  {}
	.booklet .b-p4  {}
	   
   	/* Page Wrappers */
	.booklet .b-wrap       {top:0; position:absolute;}
	/*.b-wrap 的背景*/
	.booklet .b-wrap-left  {background:none;}
	.booklet .b-wrap-right {background:none;}
	
	.booklet .b-pN .b-wrap,
	.booklet .b-p1 .b-wrap,
	.booklet .b-p2 .b-wrap,
	.booklet .b-p3 .b-wrap,
	.booklet .b-p4 .b-wrap  {left:0;}
	.booklet .b-p0 .b-wrap  {right:0;}
	
   	/* Custom Page Types */
	.booklet .b-page-blank  {padding:0; width:100%; height:100%;}
	.booklet .b-page-cover  {padding:0; width:100%; height:100%;}
	.booklet .b-page-cover h3  {color:#fff; text-shadow:0 1px 3px #222;}
   
   	/* Page Numbers */
	.booklet .b-counter {bottom:10px; position:absolute; display:block; width:25px; height:20px; background:#ccc; color:#444; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; padding:5px 0 0;}
	.booklet .b-wrap-left  .b-counter  {left:10px;}
	.booklet .b-wrap-right .b-counter {right:10px;}
   
   	/* Page Shadows */
	.booklet .b-shadow-f  {right:0; top:0; position:absolute; opacity:0; background:red); }
	.booklet .b-shadow-b  {left:0;  top:0; position:absolute; opacity:0;  background:green;}
	
	/*正翻时的阴影*/
	.booklet .b-p0 { background-image:linear-gradient(to left,rgba(0,0,0,0),rgba(0,0,0,0.8))}
	/*反翻时的阴影*/
	.booklet .b-p3 { background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.8))}
	
   	/* Overlay Controls */
	/*.booklet .b-grab     {cursor: url("openhand.cur"), default;}
	.booklet .b-grabbing {cursor: url("closedhand.cur"), default;}*/
	
   	/* Overlay Controls */
	.booklet .b-overlay      {top:0; position:absolute; height:100%; width:50%;}
	.booklet .b-overlay-prev {left:0;}
	.booklet .b-overlay-next {right:0;}
	
   	/* Tab Controls */
	.booklet .b-tab        {text-align:center; color:#fff; position:absolute; width:35px; height: 65px; cursor: pointer;}
	.booklet .b-tab-prev   {left:52px; }
	.booklet .b-tab-next   {right:52px; }
	.booklet .b-tab:hover  { color:#fff; cursor:pointer;}	
	
   	/* Arrow Controls */
	.booklet .b-arrow          {display:block; position:absolute; text-indent:-9999px; top:0; height:100%; width:74px;}
	.booklet .b-arrow div      {display:none; text-indent:-9999px; height:170px; width:74px; position:absolute; left:0; top:25%;}
	.booklet .b-arrow-next     {right:-80px;}
	.booklet .b-arrow-prev     {left:-80px;}
	.booklet .b-arrow-next div {background:url("/statice_zhongdianxiangmu/arrow-next.png") no-repeat left top;}
	.booklet .b-arrow-prev div {background:url("/statice_zhongdianxiangmu/arrow-prev.png") no-repeat left top;}
		
/* @z-index fix (needed for older IE browsers)
----------------------------------------*/

    body              {z-index:0;}
    .b-menu           {z-index:100;}
    .b-selector       {z-index:100;}
    .booklet          {z-index:10;}
    .b-pN             {z-index:10;}
    .b-p0             {z-index:30;}
    .b-p1             {z-index:20;}
    .b-p2             {z-index:20;}
    .b-p3             {z-index:30;}
    .b-p4             {z-index:10;}
    .b-prev           {z-index:40;}
    .b-next           {z-index:40;}
    .b-counter        {z-index:40;}
	
/* @Menu Items
----------------------------------------*/
	.b-menu { width:1200px; height: 30px; margin-left:-600px; left: 50%; position: absolute; margin-top: 80px;}
	
	.b-selector {width: 100px; height:30px; position:absolute; border:none; color:#fff; cursor:pointer;right: 0;}
	.b-selector .b-current  {padding:0 10px; line-height:30px; min-width:40px; height:100%; display:block;text-align:left;}
	.b-selector{background: url(../image/lable3.png) no-repeat; background-size: contain;}
	.b-selector-page        {top:0px}
	.b-selector-chapter     {}
	
	.b-selector:hover            {color:#fff; background-position:left 0;}
	.b-selector:hover .b-current {background-position:right 0;}
	.b-selector ul               {overflow-x:hidden; overflow-y: auto; height: 600px; margin:0; list-style:none !important; position:absolute; top:0px; right:0; background: rgba(161,114,66,0.9); width: 280px;}
	.b-selector li               {border:none;margin-bottom: 5px;}
	.b-selector li:last-of-type{margin-bottom: 0;}
	.b-selector a                {width:100%;height:20px;color:#cecece;display: block; line-height:20px; text-decoration:none; padding:0px 4px;}
	.b-selector a .b-text        {float:left; clear:none; font-size: 14px; padding: 0 10px; display: inline-block;}
	.b-selector a .b-num         {float:right; clear:none; padding: 0 10px; display: inline-block;}
	.b-selector a:hover          {color:#fff;background: rgb(121,85,21,0.8);}
		