@charset "utf-8";
html{}
body{background:#f5f5f5;font-size:14px;color:#666666;line-height:24px;min-width:1240px;font-family: "Times New Roman", Arial, Microsoft YaHei;text-align:right;/*direction:rtl;*/}
html,body,div,h1,h2,h3,h4,ul,li,form,input,textarea,a{margin:0;padding:0;} 
ul,li{list-style:none;}
img{border:0px;}
.clear{clear:both;height:0px;line-height:0px;font-size:0px;float:none;overflow:hidden;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";} /*所有主流浏览器都支持 :after 伪元素。*/
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{*zoom:1;}/*只针对IE6/7 */

a:link,a:visited{text-decoration:none;color:#333;}
a:hover,a:active{text-decoration:none;color:#df4a43;}

.fl{float:left;}
.fr{float:right;}

.animation{
	transition:all 0.5s;
	-moz-transition:all 0.5s;/* Firefox 4 */
	-webkit-transition:all 0.5s;/* Safari and Chrome */
	-o-transition:all 0.5s;/* Opera */	
	
}
input,textarea{font-family: "Times New Roman", Arial, Microsoft YaHei;}
/******************************* 首页内容 ******************************/

.topbar{background:#333333;}

a.home{display:inline-block;background:url(../images/home.png) 91% 0 no-repeat;height:34px;line-height:34px;color:#999;padding:0 34px 0 10px;margin:0 10px 0 0;}
a.home:hover{background:url(../images/home.png) 91% -34px no-repeat #FFF;color:#df4a43;}

.topbar > ul{width:1240px;height:80px;margin:0 auto;padding:1px 0 0 0;}
.topbar > ul > a.logo{display:block;width:237px;height:32px;background:url(../images/logo.png) no-repeat;margin:24px auto 0;}
.topbar > ul > .fr{margin:23px 0 0 0;}

.topbar > ul > .fr > .booknav{position:relative;padding:5px 20px;background:#333;display:inline-block;z-index:999;}
.topbar > ul > .fr > .booknav > a.nav{display:block;background:url(../images/nav.png) right 0 no-repeat;color:#999;padding:0 24px 0 0;}

.topbar > ul > .fr > .booknav > .navlist{position:absolute;width:688px;background:#FFF;right:0;top:34px;display:none;box-shadow:8px 8px 10px rgba(0,0,0,0.2);}
.topbar > ul > .fr > .booknav > .navlist ul{padding:20px 14px;}
.topbar > ul > .fr > .booknav > .navlist ul li{float:left;width:120px;margin:5px 5px;border:1px solid #eaeaea;}
.topbar > ul > .fr > .booknav > .navlist ul li a{display:block;height:30px;line-height:30px;padding:0 5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.topbar > ul > .fr > .booknav > .navlist ul li a:hover{background:#df4a43;color:#FFF;}

.topbar > ul > .fr > .booknav:hover{background:#FFF;}
.topbar > ul > .fr > .booknav:hover > a.nav{background:url(../images/nav.png) right -24px no-repeat;color:#df4a43;} 


.topbar ul .fl{margin:28px 0 0 0;}
.topbar ul .fl a{color:#999;}
.topbar ul .fl a:hover{color:#FFF;}
.topbar ul .fl .user{display:inline-block;color:#999;background:url(../images/user.png) right -1px no-repeat;padding:0 24px 0 0;margin:0 30px 0 0;}
.topbar ul .fl .user span{margin:0 5px;}
.topbar ul .fl a.bookshelf{background:url(../images/bookshelf.png) right -3px no-repeat;padding:0 24px 0 0;color:#999999;}
.topbar ul .fl a.bookshelf:hover{background:url(../images/bookshelf.png) right -27px no-repeat;color:#FFF;}


.banner{height:310px;background:url(../images/banner.jpg) center center no-repeat;position:relative;}

.sobox{width:700px;margin:0 auto;padding:115px 0 0 0;opacity:1;}
.sotop{height:35px;}
.sotop a{display:block;float:right;margin:0 0 0 30px;color:#FFF;}
.sotop a span{display:block;height:24px;line-height:24px;padding:0 10px;border-radius:2px;}
.sotop a i.triangle{display:none;height:5px;background:url(../images/triangle.png) center center no-repeat;}
.sotop a.cure span{background:#FFF;color:#333;}
.sotop a.cure i.triangle{display:block;}

.sobot{height:44px;}
.sobot-1{float:right;width:625px;height:44px;background:#FFF;border-radius:0 2px 2px 0;}
.sobot-2{float:right;width:75px;height:44px;}
.sobot-1 input{width:605px;height:30px;line-height:30px;outline:medium;background-color:transparent;border:0;font-size:14px;color:#ccc;padding:0;margin:7px 10px 0 0; text-align:right;}
a.btn_search{display:block;width:75px;height:44px;line-height:44px;background:#df4a43;border-radius:2px 0 0 2px;font-size:16px;text-align:center;color:#FFF;}
a.btn_search:hover{background:#ff544c}

.statistics{background:#ededed;padding:20px 0;}
.statistics ul{width:1000px;margin:0 auto;}
.statistics ul li{float:left;width:250px;text-align:center;}
.statistics ul li p{font-size:14px;color:#666;margin:0;}
.statistics ul li h1{font-family:Century;font-size:45px;line-height:50px;color:#b0a4a4;}

.itembox{width:1240px;margin:30px auto 0;}
.itembox > h1{font-size:24px;color:#333;line-height:30px;text-align:center;font-weight:normal;padding:30px 0;}

.booklist{width:1240px;}
.booklist ul{width:1260px;margin:0 0 0 -20px;}
.booklist ul li{float:right;width:180px;height:378px;padding:5px;background:#FFF;margin:0 0 20px 20px;
	transition:all 0.5s;
	-moz-transition:all 0.5s;/* Firefox 4 */
	-webkit-transition:all 0.5s;/* Safari and Chrome */
	-o-transition:all 0.5s;/* Opera */	
}
.booklist ul li:hover{box-shadow:5px 5px 10px #ccc;}
.booklist ul li .bookfm,.booklist ul li .bookfm img{width:180px;height:260px;}
.booklist ul li h2{font-size:14px;line-height:20px;font-weight:normal;margin:15px 5px 5px 5px;height:40px;overflow:hidden;}
.booklist > ul > li > p{margin:0 5px 10px 5px;color:#999;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.level-1{display:inline-block;width:82px;height:14px;background:url(../images/level-1.png) 0 0 no-repeat;}
.level-2{display:inline-block;width:82px;height:14px;background:url(../images/level-2.png) 0 0 no-repeat;}
.level-3{display:inline-block;width:82px;height:14px;background:url(../images/level-3.png) 0 0 no-repeat;}
.level-4{display:inline-block;width:82px;height:14px;background:url(../images/level-4.png) 0 0 no-repeat;}
.level-5{display:inline-block;width:82px;height:14px;background:url(../images/level-5.png) 0 0 no-repeat;}

.zdtj{}
.zdtj-l{float:left;width:600px;height:378px;background:#FFF;padding:5px;}
.zdtj-l .bookfm{float:right;width:262px;height:378px;margin:0 0 0 25px;position:relative;}
.zdtj-l .bookfm .imtip{position:absolute;width:56px;height:56px;line-height:56px;background:#df4a43;border-radius:50%;color:#FFF;font-size:18px;text-align:center;right:10px;top:10px;}
.zdtj-l .bookfm img{width:262px;height:378px;}
.zdtj-l .bookinfo{float:right;position:relative;width:295px;padding:10px 0 10px 0;}
.zdtj-l .bookinfo h2{font-size:18px;line-height:22px;font-weight:normal;margin:0 0 10px 0; word-break: break-all;}
.zdtj-l .bookinfo .level{}
.zdtj-l .bookinfo .ziduan{margin:20px 0 0 0;}
.zdtj-l .bookinfo .ziduan p{margin:0;color:#999;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.zdtj-l .bookinfo .zhaiy{margin:10px 0 0 0;height:144px;overflow:hidden;color:#999;}
.zdtj-l .bookinfo .btn{position:absolute;top:330px;right:0;}
.zdtj-l .bookinfo .btn a{float:right;display:block;height:28px;line-height:28px;padding:0 20px;border:1px solid #efa4a1;color:#df4a43;margin:0 0 0 20px;border-radius:2px;}
.zdtj-l .bookinfo .btn a:hover{background:#df4a43;color:#FFF;}
.zdtj-l .bookinfo .btn a.cure{background:#df4a43;color:#FFF;}

.zdtj .booklist{float:right;width:610px;}
.zdtj .booklist ul{width:630px;margin:0 0 0 -20px;}
.zdtj .booklist ul li{margin:0 0 0 20px;}

.newbook{}
.newbook ul{width:1260px;margin:0 0 0 -20px;}
.newbook ul li{float:right;width:390px;height:260px;margin:0 0 20px 20px;background:#FFF;padding:5px;
	transition:all 0.5s;
	-moz-transition:all 0.5s;/* Firefox 4 */
	-webkit-transition:all 0.5s;/* Safari and Chrome */
	-o-transition:all 0.5s;/* Opera */	
}
.newbook ul li .bookfm{float:right;width:180px;height:260px;margin:0 0 0 20px;}
.newbook ul li .bookfm img{width:180px;height:260px;}
.newbook ul li .bookinfo{float:right;width:185px;}
.newbook ul li .bookinfo h2{font-size:14px;line-height:22px;font-weight:normal;margin:5px 0 10px 0;max-height:44px;overflow:hidden;}
.newbook ul li .bookinfo h2 span{float:right;display:inline-block;width:16px;height:16px;line-height:16px;background:#df4a43;color:#FFF;border-radius:50%;text-align:center;font-family:Arial;margin:3px 0 0 3px;}
.newbook ul li .bookinfo .level{}
.newbook ul li .bookinfo .ziduan{margin:20px 0 0 0;}
.newbook ul li .bookinfo .ziduan p{margin:0;color:#999;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.newbook ul li .bookinfo .zhaiy{margin:10px 0 0 0;height:124px;overflow:hidden;color:#999;}
.newbook ul li:hover{box-shadow:5px 5px 10px #ccc;}

.nTab{width:100%;}
.nTab .TabTitle{height:28px;overflow:hidden;}
.nTab .TabTitle ul{text-align:center;}
.nTab .TabTitle li{display:inline-block;height:28px;line-height:28px;cursor:pointer;font-size:14px;padding:0 20px;margin:0 5px;border-radius:2px;}
.nTab .TabTitle .active{background:#df4a43;color:#FFF;}
.nTab .TabTitle .normal{background:#ebebeb;color:#333;}
.nTab .TabContent{ margin:30px 0 0 0;}
.none{display:none;}

.webbot{background:#333333;padding:30px 0;margin:50px 0 0 0;}
.webbot ul{width:1240px;margin:0 auto;background:url(../images/botlogo.png) right center no-repeat;}
.webbot ul .fl{}
.webbot ul .fl p{margin:0;text-align:right;font-size:12px;line-height:22px;color:#5b5b5b;font-family:"Times New Roman", Arial, Microsoft YaHei;}

.inside{height:50px;overflow:hidden;}
.inside .sobox{padding:10px 0 0 0;opacity:0;}

.insidebook{width:1240px;}
.insidebook ul{width:1260px;margin:0 0 0 -20px;}
.insidebook ul li{float:right;width:222px;height:440px;padding:5px;background:#FFF;margin:0 0 20px 20px;
	transition:all 0.5s;
	-moz-transition:all 0.5s;/* Firefox 4 */
	-webkit-transition:all 0.5s;/* Safari and Chrome */
	-o-transition:all 0.5s;/* Opera */	
}
.insidebook ul li:hover{box-shadow:5px 5px 10px #ccc;}
.insidebook ul li .bookfm{position:relative;width:222px;height:320px;}
.insidebook ul li .bookfm img{width:222px;height:320px;}
.insidebook ul li h2{font-size:14px;line-height:20px;font-weight:normal;margin:15px 5px 5px 5px;height:40px;overflow:hidden; word-break: break-all;}
.insidebook > ul > li > p{margin:0 5px 10px 5px;color:#999;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.operation{background:#eee;padding:10px;border-top:1px solid #dedede;margin:0 0 20px 0;}
.operation .fr a{ display:inline-block;height:22px;line-height:22px;background:#FFF;border:1px solid #e2e2e2;padding:0 10px;margin:0 0 0 10px;border-radius:2px;}
.operation .fr a:hover{background:#df4a43;color:#FFF;}

.operation .fr input{vertical-align:middle;margin:-1px 0 0 0;}

.sort a{margin:0 10px 0 0;padding:0 0 0 15px;}
.sort a.normal{}
.sort a.up{background:url(../images/s.png) left center no-repeat;padding:0 0 0 15px;color:#df4a43;}
.sort a.down{background:url(../images/x.png) left center no-repeat;padding:0 0 0 15px;color:#df4a43;}

.title{height:40px;}
.title h1{float:right;font-size:22px;font-weight:normal;line-height:35px;color:#333;}
.title h1 strong { margin:0 5px 0 0; color:#df4a43; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:16px;}

.title h2{float:right;font-size:16px;font-weight:normal;line-height:35px;color:#333;}
.title h2 strong{ font-weight:normal;color:#df4a43;}
.title .fl{margin:7px 0 0 0;}

.shaixbox{background:#ededed;}
.shaixbox ul{width:1240px;margin:0 auto;padding:30px 0 15px 0;}
.shaixbox ul li{padding:0 0 10px 0;}
.shaixbox ul li .fr{width:80px;color:#999;}
.shaixbox ul li .fl{width:1160px;}
.shaixbox ul li .fl a{float:right;display:inline-block;margin:0 0 5px 10px;padding:0 10px;}
.shaixbox ul li .fl a span{font-family:Arial;margin:0 5px 0 0;color:#999;font-style:italic;}
.shaixbox ul li .fl a:hover span{color:#df4a43;}
.shaixbox ul li .fl a.cure{background:#df4a43;color:#FFF;}
.shaixbox ul li .fl a.cure span{color:#FFF;}

a.selectitem{position:absolute;right:10px;top:10px;display:block;width:20px;height:20px;background:url(../images/selectitem.png) 0 0 no-repeat; z-index:2;}
.insidebook ul li.cure a.selectitem{background:url(../images/selectitem.png) 0 -20px no-repeat;}

.pages{height:24px;padding:20px 0 0 0;}
.pages strong{font-family:Arial;color:#df4a43;margin:0 3px;}
.pages .fr input{height:16px;line-height:16px;width:24px;text-align:center;outline:none;padding:3px 5px;border:1px solid #ddd;font-family:Arial;}
a.btn-tz{display:inline-block;height:24px;line-height:24px;padding:0 5px;background:#999;color:#FFF;border-radius:3px;}
a.btn-tz:hover{background:#666;}

a.openso{position:absolute;top:10px;left:50%;display:block;width:30px;height:30px;background:url(../images/so.png) center center no-repeat;border-radius:2px;margin:0 0 0 590px;}
a.openso:hover{background:url(../images/so.png) center center no-repeat #df4a43;}

.bookview{width:918px;margin:20px auto 100px;}
.bookview .bookfm{float:right;width:280px;height:410px;border:1px solid #ddd;text-align:center;box-shadow:5px 5px 0 #e4e4e4;}
.bookview .bookfm img{width:auto;height:410px;max-width:280px;}
.bookview .bookinfo{float:left;width:606px;}
.bookview .bookinfo h2{font-size:28px;line-height:32px; margin:5px 0 10px 0; color:#333;text-align: left;}
.bookview .bookinfo .level{}
.bookview .bookinfo .ziduan{margin:20px 0 0 0;}
.bookview .bookinfo .ziduan p{margin:0;color:#999;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.bookview .bookinfo .zhaiy{margin:20px 0 0 0; overflow:hidden;color:#999;text-align:justify; text-align:right;}
.bookview .bookinfo .zhaiy strong{font-weight:normal;color:#b51013;}
.bookview .bookinfo .btn{margin:30px 0 0 0;}

.bookbody{width:1240px;margin:20px auto 0;}
.bookbody-r{float:right;width:918px;}
.bookbody-l{float:left;width:270px; background:#fafafa; padding:5px;}
.bookbody-l .title { margin:0 !important;}

.bookbody .title{border-bottom:1px solid #ccc; margin:20px 0 0 0;}
.bookbody .title h1{ float:right; color:#333; line-height:40px;}
.bookbody .title .fl a{display:inline-block;border:1px solid #df4a43; background:#df4a43;color:#FFF; padding:0 10px;border-radius:2px;height:24px;line-height:24px; 
	transition:all 0.5s;
	-moz-transition:all 0.5s;/* Firefox 4 */
	-webkit-transition:all 0.5s;/* Safari and Chrome */
	-o-transition:all 0.5s;/* Opera */	
}
.bookbody .title .fl a:hover{background:#b82922;color:#fff;}

.leftbook{}
.leftbook ul{}
.leftbook ul li{height:145px;overflow:hidden;padding:10px 0;border-bottom:1px solid #eee;}
.leftbook ul li img{float:right;width:100px;height:145px;margin:0 0 0 20px;}
.leftbook ul li h2{font-size:14px;font-weight:normal;line-height:20px;margin:0 0 5px 0; word-break:break-all;}
.leftbook ul li p{margin:10px 0 0 0;color:#999;}
.leftbook ul li .level{display:inline-block;}

.catalog{padding:0 0 1.5em;}
.ul-05{padding:10px 0 0;height:auto;}
.ul-05 li{padding:5px 0;background:url(../images/icon_17.png) center repeat-x;}
.ul-05 li a{display:block;overflow:hidden;height:24px;line-height:24px;}
.ul-05 li em{float:right;background:#f5f5f5;color:#999;font-style:normal;}
.ul-05 li p{float:right;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px;height:24px;line-height:24px;color:#666;background:#f5f5f5;margin:0;}
.ul-05 li span{float:left;padding:0 0 0 10px;background:#f5f5f5;color:#999;}
.ul-05 li.noauthor{background:none;}
.ul-05 li a:hover em,.ul-05 li a:hover p{color:#df4a43;}

.rcon{padding:20px 0 0 0;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
.rcon p{text-align:justify;padding:0 0 1.5em;line-height:1.75;text-indent:2em;color:#666;margin:0; text-align:right;}

.mbx{background:#e9e9e9;}
.mbx ul{width:1240px;margin:0 auto;line-height:40px;}
.mbx ul span{font-family: "Times New Roman", Arial, Microsoft YaHei;color:#999;margin:0 5px;}


.btn a{display:inline-block; color:#df4a43;padding:0 20px;border-radius:2px;height:30px;line-height:30px;margin:0 0 0 20px;
	transition:all 0.5s;
	-moz-transition:all 0.5s;/* Firefox 4 */
	-webkit-transition:all 0.5s;/* Safari and Chrome */
	-o-transition:all 0.5s;/* Opera */	
}
.btn a:hover{background:#df4a43;color:#FFF;}
.btn a.cure{background:#df4a43;color:#FFF;}
.btn a i.fa { margin:0 0 0 8px; font-size:16px;}

.btn2 { margin:20px 0 0 0;}
.btn2 a{display:inline-block; color:#666; height:24px; line-height:24px; margin:0 0 0 30px;}
.btn2 a:hover{ color:#df4a43;}
.btn2 a.cure{ color:#df4a43;}
.btn2 a i.fa { margin:0 0 0 5px; }
.btn2 a span { font-family:Arial; margin:0 5px 0 0; color:#df4a43;}

.savebox { position:absolute; width:100%; bottom:0; text-align:center; border-top:1px solid #eee; padding:15px 0; background:#fafafa;}
.savebox a { margin:0 20px; border-radius:3px;}
a.btn-red { display:inline-block; height:30px;line-height:30px;background:#b51013;font-size:16px;color:#fff; padding:0 30px;}
a.btn-red:hover {background:#d22225;}

a.btn-grey { display:inline-block; height:30px;line-height:30px;background:#999;font-size:16px;color:#fff; padding:0 30px;}
a.btn-grey:hover {background:#868686;}

.info { background:url(../images/info.png) right 0 no-repeat; font-size:18px; text-align:right; padding:13px 60px 0 0; margin:30px; min-height:50px;}

.pllist {}
.pllist ul {}
.pllist ul li { padding:20px 0 20px 5px; border-bottom:1px solid #e5e5e5;}
.pllist ul li:hover { background:#fafafa;}
.pllist ul li .userphoto { float:right; }
.pllist ul li .userphoto img { width:70px; height:70px; border-radius:50%;}
.pllist ul li .plinfo { float:left; width:820px; text-align:right;}
.pllist ul li .pltitle {}
.pllist ul li .pltitle h1 { float:right; font-size:14px; color:#999; font-weight:normal; margin:0 0 0 20px;}
.pllist ul li .pltitle .fr { font-family:Arial, Helvetica, sans-serif; color:#999;}
.pllist ul li p { margin:5px 0 0 0;}

.addpl { margin:30px 0 0 0;}
.addpl h1{ font-size:22px; font-weight:normal; color:#333; line-height:40px; text-align:right;}
.addpl textarea { border:1px solid #ccc; padding:10px; width:896px; height:150px; background:#fafafa; outline:none; text-align:right; box-shadow:5px 5px 10px #eee inset;}
.addpl .btn { margin:20px 0 0 0;}
.addpl .btn .fl { color:#ccc;}
.addpl .btn a{display:inline-block;border:1px solid #df4a43;background:#df4a43;color:#FFF;padding:0 25px;border-radius:2px;height:32px;line-height:32px;margin:0 0 0 20px;
	transition:all 0.5s;
	-moz-transition:all 0.5s;/* Firefox 4 */
	-webkit-transition:all 0.5s;/* Safari and Chrome */
	-o-transition:all 0.5s;/* Opera */	
}
.addpl .btn a:hover{background:#b82922;color:#FFF;}

.share { margin:10px 0;}
.share .bdsharebuttonbox { text-align:center;}
.share .bdsharebuttonbox a { float:none; display:inline-block; margin:6px 0 6px 10px;}

a.btn_red {background:#df4a43;color:#FFF;}
a.btn_red:hover {background:#b82922;}

a.btn_yellow {background:#e2a604;color:#FFF; border:1px solid #da9f00;}
a.btn_yellow:hover {background:#c69105;}

/*nTab*/
.bookinfo .nTab{ }
.bookinfo .nTab .TabTitle{height:auto; border-bottom:1px solid #ccc; overflow:visible;}
.bookinfo .nTab .TabTitle li{ display:inline-block; height:24px; line-height:24px; padding:0 5px 10px 5px; background:none; color:#666; font-size:16px; margin:0 0 0 30px;}
.bookinfo .nTab .TabTitle li:hover { color:#845e5a;}
.bookinfo .nTab .TabTitle li.active{ background:none; color:#df4a43; border-bottom:2px solid #df4a43; font-weight:bold;}
.bookinfo .nTab .TabContent { padding:10px 0 0 0; margin:0;}

/*图书封面hover上去显示信息*/
.bookfm { position:relative; overflow:hidden;}
.hovercon { position:absolute; background:rgba(235,235,235,0.85); width:100%; height:100%; left:-100%; top:0; z-index:1;}
.hovercon h1 { font-size:14px; padding:20px 10px 0 10px; color:#333; line-height:22px; max-height:44px; overflow:hidden; }
.hovercon p { margin:0; padding:20px 10px 0 10px; color:#333; line-height:22px; max-height:110px; overflow:hidden;}
.hovercon p.btn { text-align:center;}
.hovercon p.btn a { display:inline-block; height:30px; line-height:30px; background:#df4a43; font-size:14px; color:#FFF; padding:0 20px; }
.hovercon p.btn a:hover { background:#ff544c;}
.bookfm:hover .hovercon {left:0;}

.zdtj-l .hovercon p {max-height:66px; max-height:220px;}
.insidebook .hovercon p {max-height:154px; height:154px;}
.insidebook .hovercon h1 { padding:30px 10px 0 10px;}

.bookfm * {
	transition:all 0.2s;
	-moz-transition:all 0.2s; /* Firefox 4 */
	-webkit-transition:all 0.2s; /* Safari and Chrome */
	-o-transition:all 0.2s; /* Opera */		
}

.bookview .bookfm { height:auto; overflow:visible;}

/******************************* 浏览器滚动条******************************/
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{width:8px;height:8px;background:#f5f5f5;border-radius:8px;}
::-webkit-scrollbar-track{background:#f5f5f5;border-radius:8px;}
::-webkit-scrollbar-thumb{background:#ccc;border-radius:8px;}
::-webkit-scrollbar-thumb:hover{background:#999;}

body ::selection{color:#FFFFFF;background-color:#df4a43;text-shadow:none;}
body ::-moz-selection{color:#FFFFFF;background-color:#df4a43;text-shadow:none;}
.audioBook{display: block; position: relative;}
.audioBook:after{content:""; width:30px; height:30px; background:url(../../lib2/images/audio.png) no-repeat left top;background-size:100% 100%; position: absolute; left:-6px; top:-6px;}