body{margin:0;padding:0;overflow:hidden;}
.main_bg25{background-color: #f9cf00;}
.main_bg24{background:url('bg24.jpg') no-repeat center center fixed;background-size:cover;-moz-background-size: cover;-webkit-background-size:cover;}
.main_bg23{background:url('bg23.jpg') repeat-x; background-color: #fbd8de;}
.main_bg22{background:url('bg22.jpg') repeat-x; background-color: #14dcfe;}
.main_bg21{background:url('bg21.jpg') no-repeat center center fixed;background-size:cover;-moz-background-size: cover;-webkit-background-size:cover;}
.main_bg20{background:url('bg20.jpg') repeat-x; background-color: #14dcfe;}
.main_bg19{background:url('bg19.jpg') no-repeat center center fixed;background-size:cover;-moz-background-size: cover;-webkit-background-size:cover;}
.main_bg18{background:url('bg18.jpg') no-repeat center center fixed;background-size:cover;-moz-background-size: cover;-webkit-background-size:cover;}
.main_bg17{background-color: #ffc0b7;}
.main_bg16{background:url('bg16.jpg') no-repeat center center fixed;background-size:cover;-moz-background-size: cover;-webkit-background-size:cover;}
.main_bg15{background-color: #10146b;}
.main_bg14{background-color: #c70100;}
.main_bg13{background:url('bg13.jpg') no-repeat center center fixed;background-size:cover;-moz-background-size: cover;-webkit-background-size:cover;}
.main_bg12{background:url('bg12.jpg') repeat;}
.main_bg11{background:url('bg11.jpg') no-repeat center center fixed;background-size:cover;-moz-background-size: cover;-webkit-background-size:cover;}
.main_bg10{background:url('bg10.jpg') repeat;}
.main_bg9{background:url('bg9.jpg') repeat;}
.main_bg8{background:url('bg8.jpg') repeat;}
.main_bg7{background-color: #e0234b;}
.main_bg6{background:url('bg6.jpg') no-repeat center center fixed;background-size:cover;-moz-background-size: cover;-webkit-background-size:cover;}
.main_bg5{background:url('bg5.jpg') repeat-x; background-color: #fc180f;}
.main_bg4{background:url('bg4.jpg') repeat;}
.main_bg3{background:url('bg3.jpg') no-repeat center center fixed;background-size:cover;-moz-background-size: cover;-webkit-background-size:cover;}
.main_bg2{background:url('bg2.jpg') no-repeat center center fixed;background-size:cover;-moz-background-size: cover;-webkit-background-size:cover;}
.main_bg, .main_bg1{background:url('bg1.jpg') no-repeat center center fixed;background-size:cover;-moz-background-size: cover;-webkit-background-size:cover;}
.book_top{clear:both;width:100%;height:40px;position:relative;}
.book_top .linfo{width:auto;height:60px;position:absolute;top:5px;left:5px;}
.book_top .linfo .logo{float: left;width:auto;height:50px;padding:5px 2px;background-color:#fff;}
.book_top .linfo .logo img{max-height:50px;}
.book_top .linfo a.backbook{width:auto;height:30px;line-height:30px;padding:0px 10px;background-color:#727a98;color:#fff;font-size:15px;cursor:pointer;margin-left:10px;display: inline-block;}
.book_top .linfo a.backbook:hover{background-color:#f14d4d;}
.book_top .rinfo{width:auto;height:30px;position:absolute;top:5px;right:10px;}
.likebox{float:right;width:auto;font-size:12px;color:#99A1A4;display:none;overflow:hidden;}
.likebox a{float:left;width:auto;padding:2px 10px 3px 30px;height:25px;line-height:25px;color:#fff;font-size:15px;text-align:left;cursor:pointer;display:block;margin-left:10px;background:url('slider_icon.png') no-repeat;}
.likebox a.commentbtn{background-color:#379be9;background-position:-60px -190px;}
.likebox a.up{background-color:#f14d4d;background-position:-60px -220px;}
.likebox a.down{background-color:#727a98;background-position:-60px -250px;}
.likebox a em{color:#fff;font-size:14px;padding-right:5px;font-family:Arial, sans-serif;font-weight:bold;}
.book_comment{width:400px;height:100%;padding:5px;background-color:#fff;position:absolute;top:0;right:-400px;z-index:1002;overflow-x:hidden;overflow-y:scroll;display:none;}

.book_bottom{clear:both;width:100%;height:40px;background-color:#000;position:relative;}
.book_main{clear:both;margin:0 auto;width:100%;height: auto;}
.thumb_box{width:400px;height: 100%;background-color:#fff;position:absolute;top:0;left:-400px;z-index:1002;overflow-x:hidden;overflow-y:scroll;display:none;}
.thumb_box div{float:left;width:29%;height:120px;text-align:center;display:inline-block;margin-left:10px;margin-top:10px;margin-bottom:25px;border:#f1f1f1 1px solid;position:relative;background: url(loader.gif) no-repeat center center;}
.thumb_box div.on{border:#f00 1px solid;}
.thumb_box div img{clear:both;width:100%;height:100%;cursor:pointer;}
.thumb_box div b{clear:both;width:100%;height:20px;line-height:20px;color:#333;font-size:13px;font-weight:normal;text-align:center;position:absolute;left:0;bottom:-20px;overflow:hidden;}

.book_pagebox{width:100%;height:30px;position:absolute;top:-30px;left:0;background-color:#787878;FILTER:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;z-index:102;display: none;}
.book_moreicon{width:100%;height:30px;position:absolute;top:-30px;left:0;background-color:#787878;FILTER:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;z-index:103;display: none;}
.book_event{width:500px;padding:0px;height:30px;position:absolute;top:5px;left:50%;z-index:101;margin-left:-250px;background-color:#787878;border-radius:10px;FILTER:alpha(opacity=90);opacity:0.9;-moz-opacity:0.9;}
.book_event li{float: left;width: 8%;height: 30px;position: relative;}
.book_event li.tp{width: 20%;}
.book_pagebox li{float: left;width: 15%;height: 30px;position: relative;}
.book_pagebox li.tp{width: 40%;}
.book_moreicon li{float: left;width: 20%;height: 30px;position: relative;}
.book_moreicon li em{height: 30px;line-height:30px;color:#fff;position: absolute;left:30px;top:0;}
.book_event .page_inp,.book_pagebox .page_inp{float: left;width:80px;height: 20px;line-height:20px;border:#dedede 1px solid;margin:4px 2px;text-align: center;font-size: 11px;color:#666;border-radius:5px;position: absolute;left:50%;top:0;margin-left:-40px;}
.book_pagebox .page_inp{width:98%;margin-left:0px;position:static;}
.book_event .micon li{width: 16.6%;}
.book_event li.share{position:relative;}
.book_event li.share h1{clear:both;width:270px;height:auto;padding:5px;line-height:25px;border:#ccc 1px solid;position:absolute;left:-100px;top:30px;background-color:#fff;zoom:1;display: none;}
.book_event li.share:hover h1{display: block;}
.book_event li.share h1 span{float:left;width:100px;height:125px;text-align:center;border-right:#ccc 1px solid;padding-right:9px;margin-right:10px;}
.book_event li.share h1 a{position:static;}
.book_event li.share h1 span a{background:none;padding:0;margin:0;width:auto;height:auto;}
.book_event li.share h1 p{float:left;width:150px;height:auto;text-align:left;}

.book_event a,.book_pagebox a,.book_moreicon a{float:left;width:30px;height:30px;display:inline-block;background:url('slider_icon.png') no-repeat;margin:0 1px;position: absolute;left:50%;top:0;margin-left:-15px;}
.book_event a:hover,.book_pagebox a:hover,.book_moreicon a:hover{FILTER:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;}
a.bigicon{background-position:0px -100px;}
a.smallicon{background-position:-30px -100px;}
a.thumbicon{background-position:-60px -100px;}
a.nexticon{background-position:0px -130px;}
a.previcon{background-position:-30px -130px;}
a.shareicon{background-position:-60px -130px;}
a.firsticon{background-position:0px -160px;}
a.endicon{background-position:-30px -160px;}
a.moreicon{background-position:-60px -160px;}
a.fullicon{background-position:0px -190px;}
a.exiticon{background-position:-30px -190px;}
a.commentbtn{background-position:-60px -190px;}
a.playicon{background-position:0px -220px;}
a.stopicon{background-position:-30px -220px;}
a.up{background-position:-60px -220px;}
a.audioOicon{background-position:0px -250px;}
a.audioCicon{background-position:-30px -250px;}
a.down{background-position:-60px -250px;}
a.upicon{background-position:0px -280px;}
a.downicon{background-position:-30px -280px;}

.nextbtn,.prevbtn{width:50px;height:100px;position:absolute;top:50%;z-index:1001;margin-top:-50px;background:#54585a url('slider_icon.png') no-repeat;FILTER:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;cursor:pointer;zoom:1;}
.nextbtn{background-position:0px top;left:0;}
.prevbtn{background-position:-50px top;right:0;}
.nextbtn:hover,.prevbtn:hover{FILTER:alpha(opacity=90);opacity:0.9;-moz-opacity:0.9;}

.bookbox{clear:both;margin:0 auto;width:100%;height:1px;position:relative;z-index:100;}
.bookbox .msg_info{margin:0 auto;width:auto;height:20px;line-height:20px;font-size:14px;color:#fff;padding:5px 10px;position:absolute;top:5px;left:50%;z-index:100000;background-color:#787878;border-radius:10px;display:none;FILTER:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;}
.bookbox .msg_page{margin:0 auto;width:auto;height:20px;line-height:20px;font-size:14px;color:#fff;padding:5px 10px;position:absolute;top:5px;left:50%;z-index:100000;background-color:#787878;border-radius:10px;display:none;FILTER:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;}

.magazine-viewport{clear:both;width:100%;height:100%;}
.magazine-viewport .magazine{position:absolute;top:0;left:0;width:100%;height:100%;z-index:101;}

.magazine-viewport .page{width:100%;height:100%;background-color:white;background-repeat:no-repeat;background-size:100% 100%;}
.magazine .page{-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);-o-box-shadow:0 0 20px rgba(0,0,0,0.2);box-shadow:0 0 20px rgba(0,0,0,0.2);}
.magazine-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;width:100%;height:100%;}

/* 双页时，中间的渐变色 */
.magazine .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%);
}
.magazine .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%);
}
.magazine-viewport .zoom-in .even .gradient,
.magazine-viewport .zoom-in .odd .gradient{display:none;}

/* 加载图标 */
.magazine-viewport .loader{background-image:url(loader.gif);width:22px;height:22px;position:absolute;top:280px;left:219px;}

/* 图片四周的阴影 */
.magazine-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;}

/* 淡出 */
.animated{-webkit-transition:margin-left 0.5s;-moz-transition:margin-left 0.5s;-ms-transition:margin-left 0.5s;-o-transition:margin-left 0.5s;transition:margin-left 0.5s;}