*{
	margin: 0;
	padding: 0;
}
body {
	overflow:auto !important;

}
#fb7{
   font-family:Arial,sans-serif;
   font-size:14px;
   -webkit-text-size-adjust:none;
   position:relative;
   overflow:hidden;
   margin:0px auto;
   display:block;
   width:100%;
   height:600px;
   opacity:0;
}

/*书的翻页
--------------------------*/

#fb7 .fb7-shadow {
	box-shadow: 0 0 10px 1px #666666;
	height:100%;
	position:absolute;
	top:0px;
}

#fb7 .fb7-shadow-double {
	width:100%;
	left:0%;
}

#fb7 .fb7-shadow-right {
	width:50%;
	left:50%;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

#fb7 .fb7-shadow-left {
	width:50%;
	left:0%;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}


/* 右内页的阴影渐变
--------------------------*/

#fb7 .turn-page.even .fb7-cont-page-book {

background: -moz-linear-gradient(left,  rgba(0,0,0,0.27) 0%, rgba(255,255,255,0) 7%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.27)), color-stop(7%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 7%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 7%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 7%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 7%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45000000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */


}

/*左内页的阴影渐变
--------------------------*/

#fb7 .turn-page.odd .fb7-cont-page-book {

background: -moz-linear-gradient(right,  rgba(0,0,0,0.27) 0%, rgba(255,255,255,0) 7%); /* FF3.6+ */
background: -webkit-gradient(linear, right top, right top, color-stop(0%,rgba(0,0,0,0.27)), color-stop(7%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(right,  rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 7%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(right,  rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 7%); /* Opera 11.10+ */
background: -ms-linear-gradient(right,  rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 7%); /* IE10+ */
background: linear-gradient(to left,  rgba(0,0,0,0.27) 0%,rgba(255,255,255,0) 7%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45000000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */



}


/* 左页的角/*/

#fb7.fullScreen,#fb7-ajax[data-template="true"] #fb7{
   margin-bottom:0;
}

/*书*/
#fb7 #fb7-container-book {
	position: absolute;
	z-index: 5;
	display: none;
	/*width: 1280px; height: 920px;*/
	height:100%;
	width: 100%;
	margin-top:40px;
}

#fb7 #fb7-deeplinking{
  display:none;
}

/*背景图*/
#fb7 .fb7-bcg-book{
	width:100%;
	height: calc(100% - 0px);
	background:white url(../images/bgc.png) no-repeat center bottom;
	margin:0px auto;
	background-size:100% 50%;
	box-shadow: 0px 0px 10px 1px #999;

}

/* = Book
-------------------------------------------------------------- */
/*翻页*/
#fb7 #fb7-book {
	position: relative; z-index: 10;
	width: 100%; height:100%;
}

#fb7 #fb7-book .turn-page {
	background-color:#FFF;
	background-size: 100% 100%;
}

	/* = Nav Arrows
	---------------------------------------- */
	
	#fb7 .fb7-nav-arrow {
		position: fixed;
		 z-index: 99;
		width: 60px;
		height: 60px;
		cursor:pointer;
		vertical-align:middle;
		top:40%;

	}

#fb7 .fb7-nav-arrow.zoom-in{
	background:url(../images/large.svg) no-repeat rgba(255,255,255,0.06) center;
	background-size:35px 35px;
	opacity:0.4;
	color:rgba(255,255,255,0.3);
	z-index:99;
	top:29%;
	left:95%
}
#fb7 .fb7-nav-arrow.zoom-in:hover{
	background:url(../images/large_.svg) no-repeat rgba(255,255,255,0.06) center;
	opacity: 1;
	background-size:35px 35px;
}
#fb7 .fb7-nav-arrow.zoom-auto{
	display: none;
	text-align: center;
	background:url(../images/small_.svg) no-repeat rgba(255,255,255,0.06) center;
	background-size:23px 23px ;
	opacity:0.4;
}
    #fb7.btn{
    	position: fixed;
    	z-index: 99;
    	cursor:pointer;
    	color:red;
    	text-align: center;
    	width: 40px;
    	height: 80px;
    	border:1px solid rgba(0,0,0,0.7);
    	border-radius: 5px;
    }
	#fb7 .fb7-nav-arrow.next{
		/*background-position: ;*/
		background:url(../images/right.svg) no-repeat rgba(255,255,255,0.06) center;
		opacity:0.4;
		background-size: 30px 45px;
		transform-origin:0 center;


	}
#fb7 .fb7-nav-arrow.next:hover{
	background:url(../images/right-mouse.svg) no-repeat rgba(255,255,255,0.06) center;
	background-size: 30px 45px;
	opacity: 1;
}

	#fb7 .fb7-nav-arrow.prev{
		display: none;
		background:url(../images/left.svg) no-repeat rgba(255,255,255,0.06) center;
		opacity:0.4;
		/*margin-right:170px;*/
		left:1%;
		background-size: 30px 45px;
		transform-origin:right center;
		-ms-transform-origin:right center;
		-webkit-transform-origin:right center;

	}

#fb7 .fb7-nav-arrow.prev:hover{
	background:url(../images/left-mouse.svg) no-repeat rgba(255,255,255,0.06) center;
	background-size: 30px 45px;
	opacity: 1;
}

	.fb7-cont-page-book{
		position:absolute;
	}
	
	#fb7 .fb7-page-book {

		position: absolute;
		-webkit-hyphens: none;
		-moz-hyphens: none;
		-ms-hyphens: none;
		hyphens: none;
		overflow: hidden;
	}
/* = Media queries
-------------------------------------------------------------- */

@media screen and (max-width: 960px) {
}