@charset"utf-8";
.ui-left { float:left; }
.ui-right { float:right; }
.ui-hide { overflow:hidden; }
.ui-db { display:block; }
.ui-dn { display: none; }
.ui-inbl { display:inline-block;  *display:inline;      /***** For IE Bug *****/
 *zoom:1;
}
.ui-txt-hide { text-indent:-999em; }
.ui-txt-fb { font-weight:bold; }
.ui-txt-orange { color:#ff9d00; }
.ui-txt-yellow { color:#e8d25a; }
.ui-txt-green { color:#6ead02; }
.ui-txt-red { color:#ad021b; }
.ui-txt-white { color:#fff; }
.ui-txt-mediumyellow { color:#ffe508; }
/*.ui-txt-blue {
	color:#3bcaff;
}*/
.ui-txt-blue { color:#5975d3; }
.ui-txt-lightblue { color:#a3b8ff; }
.ui-txt-gray { color:#31313b; }
.ui-txt-mediumgray { color:#6e6f6e; }
.ui-txt-lightgray { color:#a6a6a6; }
.ui-bg-blue { background-color:#5975d3!important; color:#fff!important; }
.ui-txt-yh { font-family:"微软雅黑"; }
.ui-input-txt { height: 20px; line-height: 20px; border: 1px solid #fff; color: #a4a4a4; font-size:14px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.ui-radius { border-radius: 8px; }
.ui-border-gray { border:3px solid #a5a5a5; }
.ui-border-blue { border:3px solid #157de0; }
.ui-border-red { border:3px solid #dc1276; }
.ui-border-black { border:3px solid #000; }
.ui-mb40 { margin-bottom: 40px; }
.ui-mt40 { margin-top: 40px; }
.ui-ma { margin-left:auto; margin-right:auto; }
.ui-width960 { width: 960px; }
.clearfix { clear:both; }
/******************** Mod Top ********************/
.mod-top-wr { height: 134px; background: url(../images/comicdetail/top_bg.jpg) repeat-x left top; }
.mod-top-menu-wr { height:28px; border-bottom:1px solid #bbb; }
.mod-top-weibo { height: 14px; margin:8px 12px 0 0; padding-left: 18px; background: url(../images/comicdetail/mod_top_weibo.gif) no-repeat; }
.mod-top-mail { height: 14px; margin-top:8px; padding-left: 20px; background: url(../images/comicdetail/mod_top_mail.gif) no-repeat; }
.mod-top-toolbar-wr { position: relative; z-index: 99999; }
.mod-top-login { height:14px; margin:2px 0 0 6px; padding:6px 0; }
.mod-top-menu-list { float: right; height:14px; margin:2px 0 0 6px; padding:6px 12px; background:url(../images/comicdetail/mod_top_line.gif) no-repeat right 8px; }
.mod-top-show { position: relative; padding:6px 11px; background-color: #fff!important; background-image: none!important; border:1px solid #a6a6a6; border-bottom: none; }
.mod-top-fav, .mod-top-look, .mod-top-message, .mod-top-user { height:14px; line-height: 14px; text-align:center; }
.mod-top-num { height:14px; line-height: 14px; margin:0 0 0 3px; padding:0 3px; background: #5975d3; color:#fff; text-align:center; }
.mod-top-num-empty { height:14px; line-height: 14px; margin:0 0 0 3px; padding:0 3px; }
.mod-top-arrow { width: 11px; height: 7px; margin:4px 0 0 5px; background: url(../images/comicdetail/mod_top_arrow.png) no-repeat; }
.mod-top-show .mod-top-arrow { -moz-transForm:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; transform-origin:center center; }
.mod-top-show-layout { position: absolute; z-index: -1; padding:10px; background: #fff; border:1px solid #a6a6a6; }
.mod-top-tips-info { width: 220px; margin:80px auto; text-align:center; border-bottom:none; }
.mod-top-user-info { top:25px; left:-1px; width: 120px; }
.mod-top-user-info p, .mod-top-user-info a { height: 20px; line-height: 20px; }
.mod-top-fav-info { top:24px; right:-1px; width: 280px; }
.mod-top-message-info { top:25px; left:-1px; width: 240px; height:220px; }
.mod-top-title-from { width: 60px; }
.mod-top-title-message-title { width: 40px; }
.mod-top-title-from { width: 60px; }
.mod-top-list-mesage-title { width: 60px; }
.mod-top-title { height: 26px; line-height: 26px; padding-left: 5px; }
.mod-top-list { height:170px; border-top:1px solid #a6a6a6; padding:0 0 5px; }
.mod-top-list li { height: 32px; line-height: 32px; padding:0 5px; border-bottom:1px dotted #a6a6a6; }
.mod-top-list-title:hover { color:#5975d3; text-decoration: underline; }
.mod-top-list-del { font-size:17px; font-family: Verdana;  *margin-top:-34px;
}
.mod-top-look-info { top:25px; right:-1px; width: 270px; height:220px; }
.mod-top-look-nav-wr { width:270px; height: 25px; line-height: 25px; border-bottom:1px solid #a6a6a6; }
.mod-top-look-nav-wr li { float: left; height: 25px; text-align: center; }
.mod-top-look-nav-ac { width:49px; background: url(../images/comicdetail/mod_top_look_nav_bg.gif) no-repeat left -25px; }
.mod-top-look-nav-ct { width: 53px; background: url(../images/comicdetail/mod_top_look_nav_bg.gif) no-repeat -49px top; }
.mod-top-look-nav-wr .active .mod-top-look-nav-ac { background: url(../images/comicdetail/mod_top_look_nav_bg.gif) no-repeat left top!important; }
.mod-top-look-nav-wr .active .mod-top-look-nav-ct { background: url(../images/comicdetail/mod_top_look_nav_bg.gif) no-repeat -49px -25px!important; }
.mod-top-look-nav { cursor: pointer; }
.mod-top-look-content-wr { width: 270px; height: 200px; }
.mod-top-look-content .mod-top-list { border-top:none; height:196px; }
/***** Logo & Search *****/
.mod-top-main-wr { position: relative; height:60px; }
.mod-top-logo { width: 200px; height: 55px; margin-top: 2px; background: url(../images/comicdetail/logo.png) no-repeat; }
.mod-top-logo a { width: 200px; height: 55px; }
.mod-top-search { width: 374px; height: 30px; padding: 14px 0 0 100px; }
.mod-top-search .mod-select-box { width: 75px; height: 28px; border:1px solid #9d9d9d; }
.mod-top-search-ipt { width: 212px; height:20px; line-height: 20px; padding:4px; margin:0; border:1px solid #9d9d9d; border-left:none; color:#b4b4b3; font-size:14px; }
.mod-top-search-btn { width: 70px; height: 30px; color: #fff; background: #31313b; text-align: center; font:bold 14px/30px "微软雅黑"; cursor: pointer;/*-webkit-animation-name: breathingLight;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;*/
}
.mod-top-ad { width: 264px; height: 52px; margin-top: 8px; }
/***** Nav *****/
.mod-top-nav-wr { height: 45px; /*position:relative;*/
}
.mod-top-all { width: 130px; height: 15px; padding:15px; background:url(../images/comicdetail/mod_top_all_bg.gif) no-repeat; }
.mod-top-all-txt { width: 100px; height: 15px; line-height: 15px; margin:0 auto; color:#fff; font-size:16px; }
.mod-top-all-arrow { width: 19px; height: 10px; margin-top: 3px; background:url(../images/comicdetail/mod_top_all_arrow.png) no-repeat; }
.mod-top-all-active .mod-top-all-arrow { -moz-transForm:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; transform-origin:center center; }
.mod-top-nav-list-wr { /*position: relative;*/
	padding:15px 0; }
.mod-top-nav li { float: left; height: 15px; line-height: 15px; padding:0 4px; text-align: center; border-right:1px solid #47474f; }
.mod-top-nav li a { padding:5px 10px; color:#fff; font-size:13px; font-family: "微软雅黑";  *zoom:1;
 *height: 26px;
 *line-height: 26px;
 *padding: 0 10px;
 *margin-top:-5px;
}
.mod-top-nav li a:hover { background:#e8d25a; color:#31313b; }
.mod-top-nav .mod-top-new { /*position: absolute;
	top:-24px;
	left:-10px;*/
	width: 51px; height: 23px; margin:-44px 0 0 -4px; background:url(../../images/comicdetail/mod_top_nav_ct.png); }
.mod-top-upload, .mod-top-recharge { width: 57px; height: 45px; line-height: 45px; padding-left: 20px; color: #faed61; font-size:13px; }
.mod-top-upload { background:url(../images/comicdetail/mod_top_upload.gif) no-repeat; }
.mod-top-recharge { background:url(../images/comicdetail/mod_top_recharge.gif) no-repeat; }
.mod-top-catalog-wr { z-index: 999999; position: absolute; top:134px;  *position: relative;
 *top:0;
width: 894px; height:227px; padding:15px 30px; background:url(../images/comicdetail/mod_catalog_bg.gif) repeat left top; border:3px solid #000; border-top:none; display: none; }
.mod_top_cata_txt { height:32px; line-height:32px; }
.mod_top_cata_txt strong { display:inline-block;  *display:inline;
 *zoom:1;
height:20px; line-height:20px; padding:0 6px; border-radius: 5px; text-align:center; background:#5975d3; color:#fff; }
.mod_top_cata_txt a { color:#26272d; margin:0 2px; padding:3px; }
.mod_top_cata_txt a:hover { background:#5975d3; color:#fff; }


/******************** Efferts ********************/
@-webkit-keyframes 'breathingLight' {
 from {
 background-color: #80CB1B;
 -webkit-box-shadow:0 0 5px #ccc;
}
 50% {
 background-color: #B7F20F;
 -webkit-box-shadow: 0 0 10px #398B08;
}
 to {
 background-color: #80CB1B;
 -webkit-box-shadow:0 0 5px #ccc;
}
}
 @-webkit-keyframes bluePulse {  from {
background-color: #007d9a;
-webkit-box-shadow: 0 0 9px #dedede;
}
 50% {
background-color: #2daebf;
-webkit-box-shadow: 0 0 18px #2daebf;
}
to { background-color: #007d9a; -webkit-box-shadow: 0 0 9px #dedede; }
}
/******************** Cover Size ********************/
.mod-img-120x160 { width: 120px; height: 160px; }
.mod-img-100x133 { width: 100px; height: 133px; }
.mod-img-133x177 { width: 133px; height: 177px; }
.mod-img-210x280 { width: 210px; height: 280px; }
/******************** Cover List ********************/
.mod-cover-list-wr { padding:5px 7px 0; zoom:1; }
.mod-cover-list-wr li { float: left; display:inline-block; width: 136px; height: 200px; overflow: hidden; }
.mod-cover-img, .mod-cover-title, .mod-cover-intro { width: 122px; }
.mod-cover-img { height:162px; }
.mod-cover-img img { border:1px solid #010101; }
.mod-cover-img:hover img { border:1px solid #e8d360; }
.mod-cover-update { position:relative; width: 115px; height: 24px; line-height: 24px; margin: -24px auto 0; padding-left:5px; background: rgba(0, 0, 0, 0.5) !important; /* IE无效，FF有效 */ background: #000; filter: alpha(opacity=50); color:white; }
.mod-cover-title { height: 16px; line-height: 16px; color: #31313b; padding-left: 8px; margin-top: 3px; }
.mod-cover-title:hover { color: #5975d3; text-decoration: underline; }
.mod-cover-intro { height:20px; }
/******************** Page ********************/
.mod_page { overflow:hidden; margin:10px 0; text-align:center; }
.mod_page a { display:inline-block;  *display:inline;
 *zoom:1;
height:22px; line-height:22px; padding:0 5px; margin:0 3px; color:#545655; background:white; border:1px solid #ccc; }
.mod_page a:hover, .mod_page a.current { color:white; background:#12b8de; border:1px solid #12b8de; }
/******************** Footer ********************/
.foot { height: 225px; background: url(../../images/comicdetail/footer-sprite.png) no-repeat; }
.mod-footer { width: 960px; height: 225px; background:url(../../images/comicdetail/footer-sprite.png) no-repeat right bottom; }
.mod-footer-nav-wr { height: 40px; padding:25px 0 20px; }
.mod-footer-nav-wr a { color:#31313b; padding:3px; }
.mod-footer-nav-wr a:hover { color:#fff; background-color: #31313b; }
.mod-footer-nav, .mod-footer-help, .mod-footer-mobile { height: 40px; padding-left:52px; background-image: url(../../images/comicdetail/footer-sprite.png); background-repeat: no-repeat; }
.mod-footer-nav { width: 300px; padding-right: 80px; background-position: left -225px; }
.mod-footer-help { width: 285px; background-position: left -265px; }
.mod-footer-mobile { margin-left:20px; background-position: left -305px; }
.mod-footer-coop-wr { height: 36px; margin:14px 0 10px; }
.mod-footer-coop-wr p { color:#aec3dc; margin-bottom: 8px; }
.mod-footer-coop-wr p a { color:#8da6c3; }
.mod-footer-coop-brand { width: 380px; padding:0 40px 0 10px; border-left: 1px solid #aec3dc; }
.mod-footer-coop-copy { width: 400px; padding:0 40px 0 10px; border-left: 1px solid #aec3dc; }
.mod-footer-copy-wr { height: 40px; padding:20px 0; }
.mod-footer-copy-wr p { height:24px; line-height: 160%; text-align: center; color:#6f6f6f; }
.mod-footer-copy-wr p span { font-family: Arial; font-size:11px; margin:0 3px; }
/******************** Mod Scroll Top ********************/
.mod-scroll-top-wr { position:fixed; z-index:1000; right:40px; bottom:250px; width:64px; height:120px; }
.mod-feedback { width:64px; height:50px; margin-bottom:10px; background:url(../../images/comicdetail/feedback.gif) no-repeat left top; }
.mod-feedback:hover { background:url(../../images/comicdetail/feedback.gif) no-repeat left -50px!important; }
.mod-scroll-top { width:64px; height:50px; background:url(../../images/comicdetail/top.gif) no-repeat left top; }
.mod-scroll-top:hover { background:url(../../images/comicdetail/top.gif) no-repeat left -50px!important; }
/******************** Mod Form Element ********************/
.mod-select { position: relative; z-index: 100; }
.select_label { color: #982F4D; float: left; line-height: 24px; padding-right: 10px; font-size: 12px; font-weight: 700; }
.mod-select-box { position: relative; float: left; color: #444; cursor: pointer; border: solid 1px #EDE7D6; width: 100%; background: #dcdcdc; }
.mod-select-open { float: left; display: inline-block; position: absolute; right: 0; top: 0; width: 20px; height: 28px; background: url(../images/comicdetail/mod_top_arrow.png) no-repeat center center; }
.mod-select-txt { display: inline-block; height: 28px; padding-left: 10px; cursor: pointer; font:bold 14px/28px "微软雅黑"; overflow: hidden; }
.mod-option { position: absolute; top: 28px; left: -1px; z-index: 2; width:100%; border: solid 1px #9d9d9d; border-top:none; overflow: hidden; display: none; }
.mod-option span { width: 100%; height: 28px; padding: 0 10px; text-align: left; font:bold 14px/28px "微软雅黑"; background: #dcdcdc; }
.mod-option span:hover { color:#5975d3; }
/******************** Mod Botton ********************/
.mod-btn { }
/******************** Mod Rank ********************/
.mod-right-rank { height:254px; }
.mod-right-rank-title { height: 35px; line-height: 35px; padding-left: 8px; color: #27272e; font-size:14px; background: url(../images/comicdetail/in_right_rank_title.jpg) no-repeat 72px 2px; }
.mod-rank-tab-nav-wr { width:66px; height:32px; line-height: 32px; margin: -30px 5px 0 0; }
.mod-rank-tab-nav-wr li { float: left; width: 22px; height: 22px; }
.mod-rank-tab-nav-wr .mod-rank-tab-nav { width: 24px; height: 24px; line-height: 22px; text-align: center; cursor: pointer; }
.mod-rank-tab-content-wr { width:200px; margin:5px auto 0; }
.mod-rank-tab-content-wr li { height: 26px; line-height: 26px; }
.mod-rank-tab-content-wr .mod-rank-no { width:10px; height:11px; line-height: 11px; text-align: center; margin: 6px 3px 0 0; padding:2px; color: #fff; font-family: Arial; font-size:10px; background-color: #9b9a9b; border-radius: 12px; }
.mod-rank-tab-content-wr .mod-rank-title { margin-right: 2px; color:#232323; }
.mod-rank-tab-content-wr .mod-rank-trend { display: block; width: 7px; height: 8px; margin: 9px 0 0 3px; }
.mod-rank-tab-content-wr .mod-rank-trend-up { background: url(../../images/comicdetail/mod_rank_up_arrow.gif) no-repeat; }
.mod-rank-tab-content-wr .mod-rank-trend-down { background: url(../../images/comicdetail/mod_rank_down_arrow.gif) no-repeat; }
.mod-rank-tab-content-wr .mod-rank-trend-keep { background: url(../../images/comicdetail/mod_rank_arrow.gif) no-repeat; }
.mod-rank-tab-content-wr .mod-rank-num { color:#a6a6a6; }
em { font-style: normal; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
:focus { outline: 0 none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
i { font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; }
a { cursor: pointer; outline: 0 none; text-decoration: none; }
a:hover { text-decoration: none; }
a { outline: medium none; }
html { background: none repeat scroll 0 0 #E8E9EB; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f20 { font-size: 20px; }
.fb { font-weight: bold; }
.fi { font-style: italic; }
.fn { font-weight: normal; }
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.txtline { text-decoration: underline; }
.db { display: block; }
.dn { display: none; }
.fl { float: left; }
.fr { float: right; }
.txtid { text-indent: -9999px; }
.flg { color: #959595; }
.fg { color: #939393; }
.fdg { color: #434343; }
.fgr { color: #20B12A; }
.fbl { color: #098ED9; }
.flr { color: #D85C42; }
.fory { color: #EB7A02; }
.fw { color: white; }
.fre { color: red; }
.for { color: #FF6B00; }
.yhfont { font-family: "微软雅黑"; }
.afont { font-family: Arial; }
.vfont { font-family: Verdana; }
.tfont { font-family: tahoma; }
.mt5 { margin-top: 5px; }
.mr5 { margin-right: 5px; }
.mb5 { margin-bottom: 5px; }
.ml5 { margin-left: 5px; }
.mt10 { margin-top: 10px; }
.mr10 { margin-right: 10px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }
.mt15 { margin-top: 15px; }
.mr15 { margin-right: 15px; }
.mb15 { margin-bottom: 15px; }
.ml15 { margin-left: 15px; }
.mt20 { margin-top: 20px; }
.mr20 { margin-right: 20px; }
.mb20 { margin-bottom: 20px; }
.ml20 { margin-left: 20px; }
.mt25 { margin-top: 25px; }
.mr25 { margin-right: 25px; }
.mb25 { margin-bottom: 25px; }
.ml25 { margin-left: 25px; }
.ma { margin-left: auto; margin-right: auto; }
.mod_gbd { border: 1px solid #D7D7D7; }
.mod_rbd { border: 1px solid red !important; }
.mod_wbg { background: none repeat scroll 0 0 #FFFFFF; }
.mod_gbg { background: none repeat scroll 0 0 #EBEBEB; }
.mod_btd { border-top: 1px dotted #CCCCCC; }
.mod_bbd { border-bottom: 1px dotted #CCCCCC; }
.mod_of { overflow: hidden; }
.mod_textarea { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; line-height: 150%; overflow: hidden; padding: 2px; }
.mod_ipt_txt { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; overflow: hidden; padding: 2px; }
.mod_960wr { margin-left: auto; margin-right: auto; width: 960px; }
.mod_958wr { margin-left: auto; margin-right: auto; width: 937px; }
.mod_menu { color: #808485; height: 27px; line-height: 27px; margin-bottom: 0 !important; text-align: right; }
.mod_menu a { color: #808485; margin: 0 -2px; }
.mod_menu a.top_weibo { background: url("../images/comicdetail/icon_sprite.gif") no-repeat scroll left -627px transparent; margin: 0 3px !important; padding: 3px 0 4px 16px; }
.mod_menu a.top_mail { margin: 0 6px 0 0 !important; }
.mod_menu p span { color: #808485; }
.mod_menu p span span span { color: #80D100 !important; }
.mod_menu em { background: none repeat scroll 0 0 #07A5FF; color: white; margin: 0 0 0 3px; padding: 0 4px; }
h1 { height: 38px; width: 185px; }
h1 a { display: block; height: 38px; width: 185px; }
.mod_top_search { height: 30px; margin: 18px 0 0; width: 221px; }
.mod_top_search input { background-color: white; border: 1px solid white; color: #959595; float: left; height: 19px; line-height: 21px; margin: 4px 0 0 6px; width: 183px; }
.mod_top_search a { display: block; float: right; height: 30px; width: 26px; }
.mod_book_cover { height: 133px; width: 100px; }
.mod_book_info_wr { margin-top: 5px; position: relative; }
.mod_book_info_wr h3 { color: #FFFFFF; margin: 6px 5px 8px; text-align: right; }
.mod_book_info { overflow: hidden; }
.mod_book_info a.mod_cover_img { }
.mod_book_info p { color: white; line-height: 140%; padding: 0 5px; }
.mod_book_name { font-weight: bold; height: 22px; line-height: 22px; margin-top: 7px; overflow: hidden; }
.mod_book_auth { height: 22px; line-height: 22px; }
.mod_book_detail { height: 24px; margin: -26px 0 0 3px; overflow: hidden; position: relative; width: 100px; }
.mod_book_detail_mask { background: none repeat scroll 0 0 #161616; display: block; height: 100%; opacity: 0.85; position: absolute; width: 100%; }
.mod_book_detail_info { position: absolute; z-index: 200; }
.mod_book_detail_info h3, .mod_book_detail_info p { color: white; }
.mod_book_detail_info h3 { height: 22px; line-height: 22px; margin: 2px 0; text-align: right; width: 95px; }
.mod_book_detail_info p, .mod_book_detail_info .mod_star, .mod_book_detail_info .vfont { display: none; }
.mod_book_detail_info .mod_book_info { line-height: 16px; margin: 5px; }
.mod_book_detail_info .mod_star { float: left; margin: 0 3px 0 4px; width: 70px !important; }
.mod_book_detail_info .mod_star img { border: medium none !important; display: inline-block; margin: 0; }
.mod_books_tag { height: 28px; left: 10px; overflow: hidden; position: absolute; top: 0; z-index: 100; }
.mod_books_tag sub { }
.ic_new, .ic_hot, .ic_vip, .ic_rank_u, .ic_rank_d, .ic_rank_n, .ic_li_close, .ic_viphead, .ic_bought { background: url("../images/comicdetail/icon_sprite.gif") no-repeat scroll 0 0 transparent; }
.ic_new, .ic_hot, .ic_vip, .ic_bought { height: 15px; margin-left: 5px; width: 28px; }
.ic_rank_u, .ic_rank_d, .ic_rank_n { height: 8px; width: 7px; }
.ic_cover_hot, .ic_cover_pay, .ic_cover_famous, .ic_cover_boutique, .ic_cover_qy { background: url("../images/comicdetail/png_sprite.png") no-repeat scroll 0 0 transparent; height: 28px; width: 45px; }
.ic_new { background-position: left top; }
.ic_hot { background-position: left -15px; }
.ic_vip { background-position: left -30px; }
.ic_rank_u { background-position: left -112px; }
.ic_rank_d { background-position: -14px -112px; }
.ic_rank_n { background-position: -7px -112px; }
.ic_li_close { background-position: left -506px; height: 13px; width: 13px; }
.ic_cover_hot { background-position: left top; }
.ic_cover_pay { background-position: left -28px; }
.ic_cover_famous { background-position: left -56px; }
.ic_cover_boutique { background-position: left -84px; }
.ic_cover_qy { background-position: left -112px; }
.ic_viphead { background-position: left -573px; height: 28px; width: 28px; }
.ic_bought { background-position: left -683px; display: block; width: 38px; }
.mod_title { margin: 15px 0; overflow: hidden; }
.mod_title .title { background: url("../images/comicdetail/i_sprite.gif") no-repeat scroll 0 0 transparent; float: left; height: 27px; padding-left: 20px; width: 128px; }
.mod_title .hg { background-position: 20px -46px; }
.mod_title .gt { background-position: 20px -73px; }
.mod_title .ff { background-position: 20px -100px; height: 28px; width: 212px; }
.mod_title .rq { background-position: 20px -154px; }
.mod_title .hz { background-position: 20px -180px; }
.mod_title .xs { background-position: 20px -19px; width: 236px; }
.mod_title .pf { background-position: 12px -227px; height: 19px; width: 138px; }
.mod_title .tj { background-position: 12px -261px; height: 16px; width: 84px; }
.mod_title .rm { background-position: 12px -208px; height: 19px; width: 119px; }
.mod_title .gkjl { background-position: 12px -246px; height: 16px; width: 150px; }
.mod_title .nohis { background-position: 12px -277px; height: 15px; width: 128px; }
.mod_title .qbmh { background-position: 20px -294px; height: 27px; width: 133px; }
.mod_title .ssjg { background-position: 20px -665px; height: 27px; width: 132px; }
.mod_title .mod_sub_title { margin: 13px 0 0 13px; }
.mod_title_more { background: url("../images/comicdetail/icon_sprite.gif") no-repeat scroll left -48px transparent; padding-left: 10px; }
.mod_title em.mr20 { margin: 14px 130px 0 0; }
.mod_book_list { overflow: hidden; }
.mod_book_list li { display: inline; float: left; position: relative; }
.mod_book_list li h4 { margin: 6px 0 0; }
.mod_book_list li h5 { }
.mod_book_list_w154 { height: 220px; padding-right: 34px; }
.mod_book_list_w154 li { padding-left: 34px; position: relative; width: 120px; }
.mod_book_list_w154 li img { border: 1px solid #A8A8A8; padding: 2px; }
.mod_book_list_w154 .mod_update_info { height: 26px; line-height: 26px; margin: -29px 0 10px 3px; padding-right: 10px; width: 104px; }
.mod_books_list_hor_wr { position: relative; }
.mod_books_list_hor_wr .mod_book_list { }
.mod_books_list_hor_wr .mod_book_list li { }
.mod_books_list_hor_wr .mod_book_list li img { margin-left: 15px; }
.mod_books_list_hor_wr .mod_book_list li .mod_update_info { background: none repeat scroll 0 0 #161616; color: white; display: block; height: 26px; line-height: 26px; margin: -29px 0 10px 18px; opacity: 0.85; padding-right: 10px; width: 104px; }
.mod_books_list_hor_wr .mod_book_list li h4, .mod_books_list_hor_wr .mod_book_list li h5 { margin-left: 15px; width: 120px; }
.mod_img_border { border: 1px solid #D7D7D7; padding: 2px; }
.img90x120 { height: 120px; width: 90px; }
.img114x152 { height: 152px; width: 114px; }
.img100x133 { height: 133px; width: 100px; }
.img133x177 { height: 177px; width: 133px; }
.img117x156 { height: 156px; width: 117px; }
.img80x100 { height: 100px; width: 80px; }
.img80x80 { height: 80px; width: 80px; }
.img140x187 { height: 187px; width: 140px; }
.img120x160 { height: 160px; width: 120px; }
.img156x208 { height: 208px; width: 156px; }
.img160x215 { height: 215px; width: 160px; }
.img30x30 { height: 30px; width: 30px; }
.img35x35 { height: 35px; width: 35px; }
.img40x40 { height: 40px; width: 40px; }
.img180x100 { height: 100px; width: 180px; }
.img50x50 { height: 50px; width: 50px; }
.img210x280 { height: 280px; width: 210px; }
.img960x100 { height: 100px; width: 960px; }
.img300x400 { height: 400px; width: 300px; }
.mod_footer { background: none repeat scroll 0 0 #2D3341; height: 240px; margin-top: 20px; padding-top: 20px; }
.mod_footer_map { margin: 50px auto 30px; overflow: hidden; width: 930px; }
.mod_map_wr { border-right: 1px solid #3A4151; height: 90px; padding-left: 15px; }
.mod_map_wr h3 { background: url("../images/comicdetail/i_sprite.gif") no-repeat scroll 0 0 transparent; height: 15px; margin-bottom: 15px; }
.mod_map_wr p { line-height: 170%; }
.mod_map_wr a { color: #909497; }
.mod_map_index { width: 170px; }
.mod_map_cata { padding-right: 8px; width: 280px; }
.mod_map_app { padding-right: 12px; width: 130px; }
.mod_map_support { padding-right: 3px; width: 60px; }
.mod_map_official { border: medium none; padding-right: 8px; width: 160px; }
.mod_map_index h3 { background-position: left top; width: 30px; }
.mod_map_cata h3 { background-position: -30px top; width: 63px; }
.mod_map_app h3 { background-position: -93px top; width: 28px; }
.mod_map_support h3 { background-position: -121px top; width: 30px; }
.mod_map_official h3 { background-position: -152px top; width: 30px; }
.mod_footer_copy { border-top: 1px solid #3A4153; margin: 20px auto 0; padding-top: 15px; text-align: center; width: 960px; }
.mod_footer_copy p, .mod_footer_copy p span, .mod_footer_copy p a { color: #687072; line-height: 160%; }
.mod_fr_218 { width: 218px; }
.mod_fr_h400 { height: 400px; }
.mod_fr_h490 { height: 460px; }
.mod_fr_h400 .mod_rank_list ul li a.mod_rank_tit { width: 100px; }
.mod_fr_h490 .mod_rank_list { height: 370px; width: 195px; }
.mod_fr_h490 .mod_rank_list ul li a.mod_rank_tit { width: 70px; }
.mod_fr_h490 .mod_rank_list .mod_rank_star_wr { height: 12px; line-height: 12px; width: 86px; }
.mod_fr_h490 .mod_rank_list ul li .mod_star { width: 56px !important; }
.mod_fr_h490 .mod_rank_list ul li .mod_star img { margin-top: 7px; }
.mod_fr_h490 .mod_rank_list ul li .vfont { margin-top: 6px; }
.mod_rank_title { height: 30px; margin-bottom: 0; overflow: hidden; }
.mod_rank_wr { }
.mod_rank_tab { width: 195px; }
.mod_rank_tab li { display: inline; float: left; height: 29px; overflow: hidden; }
.mod_rank_tab li a { background: url("../images/comicdetail/i_sprite.gif") no-repeat scroll 0 0 transparent; display: block; height: 29px; }
.mod_rank_tab .mod_rank_d { background-position: left -785px; width: 50px; }
.mod_rank_tab .mod_rank_w { background-position: -50px -785px; width: 47px; }
.mod_rank_tab .mod_rank_m { background-position: -97px -785px; width: 47px; }
.mod_rank_tab .mod_rank_t { background-position: -144px -785px; width: 51px; }
.mod_rank_tab .mod_rank_d:hover, .mod_rank_tab .current .mod_rank_d { background-position: left -814px; }
.mod_rank_tab .mod_rank_w:hover, .mod_rank_tab .current .mod_rank_w { background-position: -50px -814px; }
.mod_rank_tab .mod_rank_m:hover, .mod_rank_tab .current .mod_rank_m { background-position: -97px -814px; }
.mod_rank_tab .mod_rank_t:hover, .mod_rank_tab .current .mod_rank_t { background-position: -144px -814px; }
.mod_rank_list { margin: 10px auto 0; }
.mod_rank_list ul li { border-bottom: 1px dotted #CCCCCC; height: 25px; }
.mod_rank_list ul li sup { margin: 8px 5px 0 0; }
.mod_rank_no1 { height: 115px !important; }
.mod_rank_no1 dl dt, .mod_rank_no1 dl dd { height: 110px; }
.mod_rank_no1 dl dt { position: relative; width: 94px; }
.mod_rank_no1 dl dt img { border: 2px solid #D6D6D8; }
.mod_rank_no1 dl dt sub { background: url("../images/comicdetail/icon_sprite.gif") no-repeat scroll left -254px transparent !important; display: block; height: 21px !important; left: 2px !important; margin: 0 !important; position: absolute; top: 2px !important; width: 21px !important; }
.mod_rank_no1 dl dd { width: 99px; }
.mod_rank_no1 dl dd h4 { height: 28px; line-height: 28px; overflow: hidden; }
.mod_rank_no1 dl dd h5, .mod_rank_no1 dl dd h6 { height: 18px; line-height: 18px; }
.mod_rank_no1 dl dd a.mod_rank_cov { height: 104px; width: 82px; }
.mod_rank_no1 dl dd sup { margin: 20px 5px 0 0; }
.mod_rank_list ul li a.mod_rank_tit { background: url("../images/comicdetail/icon_sprite.gif") no-repeat scroll left center transparent; display: block; height: 13px; line-height: 13px; margin-top: 6px; overflow: hidden; padding-left: 20px; }
.mod_rank_list ul li.mod_rank_no2 a.mod_rank_tit { background-position: left -136px; }
.mod_rank_list ul li.mod_rank_no3 a.mod_rank_tit { background-position: left -149px; }
.mod_rank_list ul li.mod_rank_no4 a.mod_rank_tit { background-position: left -162px; }
.mod_rank_list ul li.mod_rank_no5 a.mod_rank_tit { background-position: left -175px; }
.mod_rank_list ul li.mod_rank_no6 a.mod_rank_tit { background-position: left -188px; }
.mod_rank_list ul li.mod_rank_no7 a.mod_rank_tit { background-position: left -201px; }
.mod_rank_list ul li.mod_rank_no8 a.mod_rank_tit { background-position: left -214px; }
.mod_rank_list ul li.mod_rank_no9 a.mod_rank_tit { background-position: left -227px; }
.mod_rank_list ul li.mod_rank_no10 a.mod_rank_tit { background-position: left -240px; }
.mod_rank_list ul li sub { background: url("../images/comicdetail/icon_sprite.gif") no-repeat scroll -52px top transparent; height: 9px; margin: 2px 0 0 5px; width: 12px; }
.mod_rank_list ul li a.mod_rank_tit span { }
.mod_rank_list ul li strong { margin: 5px 0 0 3px; }
.mod_rank_list ul li .mod_star_score { margin: 8px 0 0 !important; }
.mod_star { }
.mod_star img { float:left; border: medium none !important; display: inline-block; margin: 0; padding: 0; }
.mod_star_score { background: url("../images/comicdetail/png_sprite.png") no-repeat scroll 0 0 transparent; height: 10px; margin-left: 5px; padding-left: 50px; width: 30px; }
.mod_star_0 { background-position: left -390px; }
.mod_star_5 { background-position: left -400px; }
.mod_star_10 { background-position: left -410px; }
.mod_star_15 { background-position: left -420px; }
.mod_star_20 { background-position: left -430px; }
.mod_star_25 { background-position: left -440px; }
.mod_star_30 { background-position: left -450px; }
.mod_star_35 { background-position: left -460px; }
.mod_star_40 { background-position: left -470px; }
.mod_star_45 { background-position: left -480px; }
.mod_star_50 { background-position: left -490px; }
.mod_star_score span { float: left; margin: -2px 0 0 5px; }
.mod_btn { background-color: #12B8DE; border-radius: 2px 2px 2px 2px; color: white; display: block; font: bold 14px/28px "微软雅黑"; height: 28px; padding: 0 10px; text-align: center; }
.mod_btn_disable { background-color: #B5B5B5; }
.mod_btn:hover { background-color: #199DBB; }
.mod_btn_4font { width: 80px; }
.mod_fl_725 { height: 460px; width: 723px; }
.mod_fl_725 .mod_title { margin-bottom: 0; }
.mod_new_list { background: url("../images/comicdetail/i_sprite.gif") no-repeat scroll -277px -170px transparent; height: 200px; padding-right: 23px; width: 700px; }
.mod_new_list li { padding-left: 23px; width: 117px; }
.mod_new_list li .in_new_cover_bg { background: url("../images/comicdetail/i_sprite.gif") no-repeat scroll -764px 3px transparent; height: 138px; margin-top: 14px; padding: 3px 0 0 7px; width: 110px; }
.mod_new_list li .in_new_cover_bg img { }
.mod_new_list li .in_new_cover_bg:hover { height: 140px; margin-top: 12px; }
.mod_new_list li .in_new_cover_bg:hover img { border: 2px solid #12B8DE; }
.mod_fl_725 .carousel .pagination-links { position: absolute; right: 65px; top: -9px; }
.mod_fl_725 .carousel .prev { right: 35px; top: -14px; }
.mod_fl_725 .carousel .next { right: 14px; top: -14px; }
.in_newbook_wr { }
.mod_all_cata_wr { margin: 80px auto 20px; }
.mod_all_cata_list_wr { border-bottom: 1px solid #DCDCDC; height: 232px; width: 920px; }
.mod_all_cata_txt { border-top: 1px solid #DCDCDC; height: 32px; line-height: 32px; padding-left: 20px; }
.mod_all_cata_txt strong { display: inline-block; font-weight: normal; height: 20px; line-height: 20px; }
.mod_all_cata_txt a { margin: 0 2px; padding: 3px; }
.mod_all_cata_txt a:hover { background: none repeat scroll 0 0 #64BA00; color: white; }
.mod_all_cata_list_wr .lgbg { background-color: #F7F7F7; }
.mod_all_works_list { margin: 20px 0 0; }
.mod_all_works_list li { height: 200px; padding: 10px 0 10px 24px; position: relative; width: 110px; }
.mod_all_works_list li img { border: 1px solid #A8A8A8; padding: 2px; }
.mod_all_works_list li .mod_books_tag { left: 30px; top: 4px; width: 90px; }
.mod_all_t_cur { background: none repeat scroll 0 0 #64BA00; color: white; }
.all_total_num { background: url("../images/comicdetail/i_sprite.gif") no-repeat scroll -942px -592px transparent; height: 24px; line-height: 24px; padding: 5px 0 0 66px; width: 854px; }
.mod_page { margin: 10px 0; overflow: hidden; text-align: center; }
.mod_page a { background: none repeat scroll 0 0 white; border: 1px solid #CCCCCC; color: #545655; display: inline-block; height: 22px; line-height: 22px; margin: 0 3px; padding: 0 5px; }
.mod_page a:hover, .mod_page a.current { background: none repeat scroll 0 0 #12B8DE; border: 1px solid #12B8DE; color: white; }
.mod_popup { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1000; }
.mod_popup .mod_mask_bg { background: none repeat scroll 0 0 #161616; display: block; height: 100%; opacity: 0.85; width: 100%; }
.mod_popup_wr { border: 1px solid #D7D7D7; height: 620px; left: 50%; margin-left: -330px !important; margin-top: -310px !important; position: fixed !important; top: 50%; width: 660px; z-index: 1002; }
.mod_popup_wr .mod_popup_title { background: none repeat scroll 0 0 #D7D7D7; height: 49px; line-height: 49px; }
.mod_popup_wr .mod_popup_title .title { font-size: 20px; padding-left: 20px; }
.mod_popup_wr .mod_popup_title .mod_popup_close { background: url("../images/comicdetail/h_sprite.gif") no-repeat scroll left -130px transparent; height: 22px; margin: 15px 10px 0 0; width: 19px; }
.mod_popup_wr .mod_popup_title .mod_popup_close:hover { background-position: -19px -130px; }
.mod_popup_wr .mod_popup_content { padding: 20px; }
.mod_popup_wr .mod_popup_content .mod_upload_tips { height: 36px; line-height: 36px; }
.mod_popup_wr .mod_popup_content .mod_top_tips { line-height: 24px; margin-bottom: 15px; margin-left: 10px; }
.mod_popup_wr .mod_popup_content .mod_top_tips object { float: left; margin: 0 10px; }
.uplpad_wr, .preview_wr { height: 430px; margin-bottom: 15px; }
.uplpad_wr img, .preview_wr img { border: 1px solid #CCCCCC; }
.uplpad_wr { background: url("../images/comicdetail/h_sprite.gif") no-repeat scroll right 30px transparent; width: 350px; }
.preview_wr { }
.preview_wr em { }
.preview_wr p { line-height: 24px; margin: 10px 0 0; }
.mod_popup_btn { }
.mod_popup_wr .mod_popup_btn .h_btn_submit_b { background-position: left -38px; height: 38px; width: 65px; }
.mod_popup_btn p { background: url("../images/comicdetail/h_sprite.gif") no-repeat scroll 5px -101px #EEEEEE; border: 1px solid #D7D7D7; height: 24px; line-height: 27px; margin-top: 6px; padding: 0 10px 0 28px; }
.search_wr { background-color: #EFEFEF; height: 127px; }
.search_wr p { background: url("../images/comicdetail/search_bg.jpg") no-repeat scroll left top #FFFFFF; height: 36px; margin: 40px auto 0; padding-left: 26px; width: 451px; }
.search_wr p input { border: 1px solid white; height: 20px; line-height: 20px; margin: 8px 0 0; width: 386px; }
.search_wr p a { height: 28px; margin: 3px 0 0 3px; width: 55px; }
.search_wr span { margin: 15px auto 0; }
.mod_top { height: 450px; }
.mod_nav { float: right !important; height: 68px; margin-left: 20px; }
.mod_nav li { display: inline-block; float: left; height: 68px; margin-left: 10px; overflow: hidden; }
.mod_nav .mod_top_index a { background-position: left -65px; width: 61px; }
.mod_nav .mod_top_all a { background-position: -74px -65px; width: 91px; }
.mod_nav .mod_top_famous a { background-position: -178px -65px; width: 91px; }
.mod_nav .mod_top_money a { background-position: -283px -65px; width: 91px; }
.mod_nav .mod_top_rank a { background-position: -389px -65px; width: 71px; }
.mod_nav .mod_top_index a:hover, .mod_nav .mod_top_index .current { background-position: left -143px; }
.mod_nav .mod_top_all a:hover, .mod_nav .mod_top_all .current { background-position: -74px -143px; }
.mod_nav .mod_top_famous a:hover, .mod_nav .mod_top_famous .current { background-position: -178px -143px; }
.mod_nav .mod_top_money a:hover, .mod_nav .mod_top_money .current { background-position: -283px -143px; }
.mod_nav .mod_top_rank a:hover, .mod_nav .mod_top_rank .current { background-position: -389px -143px; }
.mod_top_cata { padding: 10px 0 0 20px; width: 940px; }
#sub .mod_top_cata { padding: 10px 0 10px 20px; }
.mod_top_cata a { float: left; margin: 0 5px; }
.mod_top_cata a sub { background: url("../images/comicdetail/icon_sprite.gif") no-repeat scroll left -532px transparent; height: 12px; margin: -5px 0 0 3px; width: 22px; }
.mod_top_cata a.showall { display: block; float: right !important; height: 20px; margin-right: 0; width: 110px; }
.lm228top { background:url(../images/comicdetail/tit_bg.jpg) no-repeat; height:26px; overflow:hidden; }
.top_tit { padding-left:10px; padding-top:6px; font-weight:bold; color:#fff; }
.catalog-content span { height:40px; line-height:40px; margin-left:20px; font-size:14px; font-weight:bold; }