@charset "utf-8";
/* CSS Document */
body{ position:relative}
/*背景*/
.bj_big{ width:100%; height:auto; margin:0 auto; position:relative}
/*关灯*/
.bj_g{ background:url(../../images/xxts/bj_g.jpg) repeat}
/*开灯*/
.bj_k{ background:url(../../images/xxts/bj_k.jpg) repeat}

/*页眉*/
.header_big{ width:100%; height:40px; background:url(../../images/xxts/yuedu_02.png) repeat-x; margin-bottom:25px}
.header{ width:1001px; height:35px; line-height:35px; color:#FFFFFF; font-size:14px; font-weight:bold; text-align:left; margin:0 auto}
.header a{ color:#FFFFFF}
/*广告*/
.guanggao{ width:1001px; height:102px; margin:28px auto 0; display:block}

/*图片展示*/
.Pictures_show_big{ width:1001px; height:auto; margin:30px auto 0; padding-top:5px}
.Pictures_show{ margin:0 auto 5px; max-width:1000px; height:auto; position:relative}

/*表情加吐槽*/
.expression_big{ width:1001px; height:45px; background:url(../../images/xxts/yuedu_10-07.png) no-repeat; z-index:20000;}

/*表情*/
.expression_left{ width:350px; height:29px; float:left; margin-left:20px; margin-top:7px; display:inline; border:1px solid #a0a0a0; border-right:none;-margin-left:18px;}
.expression_left li{ width:49px; height:29px; float:left; border-right:1px solid #a0a0a0; cursor:pointer; background:url(../../images/xxts/biaoqingbj_1.jpg) no-repeat}
.expression_left .face_on{ background:url(../../images/xxts/biaoqingbj_2.jpg) no-repeat!important;}

/*.expression_left li a{ width:49px; height:29px; display:block;}
.expression_left li a:hover{ background:url(../../images/xxts/biaoqingbj_2.jpg) no-repeat}
*/.expression_left li img{ margin:5px auto 0}

/*吐槽及按扭*/
.gag_big{ width:604px; height:31px; margin-top:7px; margin-left:10px; display:inline; float:left}
.gag_kuang_1{ width:301px; height:31px; background:url(../../images/xxts/tucao_52.png) no-repeat;float:left;}
.gag_kuang{width:301px; height:31px;  border:none; line-height:30px; text-align:left; font-size:12px; color:#242424; text-indent:4px; overflow:hidden; background:none; outline:0}
.gag_gag{ width:66px; height:31px; background:url(../../images/xxts/tucao_10_1.jpg) no-repeat; border:none; float:left; margin-left:8px; display:inline}
.gag_gag:hover{ background:url(../../images/xxts/tucao_10.jpg) no-repeat}
.gag_hidden{ width:92px; height:31px; background:url(../../images/xxts/tucao_10_01.jpg) no-repeat; border:none; float:left; margin-left:7px; display:inline; -margin-left:5px;}
.gag_hidden:hover{ background:url(../../images/xxts/tucao_10_2.jpg) no-repeat}

.gag_show{ width:92px; height:31px; background:url(../../images/xxts/According_1_10.jpg) no-repeat; border:none; float:left; margin-left:7px; display:inline; -margin-left:4px;}
.gag_show:hover{ background:url(../../images/xxts/According_10.jpg) no-repeat}

.gag_share{ width:121px; height:31px; float:left; margin-left:7px; border:none; display:inline; background:url(../../images/xxts/fenxiang_10.jpg) no-repeat; -margin-left:4px;}
.gag_share:hover{ background:url(../../images/xxts/fenxiang_10-1.jpg) no-repeat}




/*上一页，下一页*/
.page_number{ width:550px; height:28px; margin:15px auto 0; padding-bottom:80px}
.page_number li{height:28px; float:left; margin-left:12px; display:inline; overflow:hidden }
.page_number li a{ width:96px; height:28px; display:block}

.page_number .last_chapter a{ background:url(../../images/xxts/yuedu_10.png) no-repeat}
.page_number .last_chapter a:hover{ background:url(../../images/xxts/yuedu_10_1.png) no-repeat}

.page_number .last_page a{ background:url(../../images/xxts/yuedu_10-03.png) no-repeat}
.page_number .last_page a:hover{ background:url(../../images/xxts/yuedu_10-03_1.png) no-repeat}

.page_number .next_page a{ background:url(../../images/xxts/yuedu_24.png) no-repeat}
.page_number .next_page a:hover{ background:url(../../images/xxts/yuedu_24_1.png) no-repeat}

.page_number .next_chapter a{ background:url(../../images/xxts/yuedu_26.png) no-repeat}
.page_number .next_chapter a:hover{ background:url(../../images/xxts/yuedu_26_1.png) no-repeat}
.page_number span{ width:auto; height:28px; line-height:28px; color:#000000; text-align:center; padding-left:8px; padding-right:8px; float:left;display:block; background:#FFFFFF}

/*右边*/
.right_big{ width:229px; height:auto; position:absolute; right:8%; bottom:90px; z-index:1002;}
/*右边目录*/
.directory_big{ width:229px; height:416px; background:url(../../images/xxts/yuedu_1_10.png) no-repeat; position:relative; padding-top:28px; padding-bottom:8px}
.directory_big .close{ width:10px; height:10px; float:right;  position:absolute; right:11px; top:6px}
.directory_big .directory_nav{ width:207px; height:399px; overflow:auto; margin:0 auto; overflow-x:hidden; SCROLLBAR-FACE-COLOR: #cfcfcf; SCROLLBAR-HIGHLIGHT-COLOR: #cfcfcf; SCROLLBAR-SHADOW-COLOR: #7b7b7b;SCROLLBAR-3DLIGHT-COLOR: #7b7b7b; SCROLLBAR-ARROW-COLOR: #7b7b7b; SCROLLBAR-TRACK-COLOR: #cfcfcf; SCROLLBAR-DARKSHADOW-COLOR: #cfcfcf; scrollbar-base-color:#cfcfcf;}

.directory_big .directory_nav li{ width:183px; height:20px; line-height:20px; text-align:left; font-size:12px; float:left; margin-top:3px; text-indent:5px; margin-left:4px}
.directory_big .directory_nav li span{ margin-right:8px}
.directory_big .directory_nav li a{ color:#000000}
.directory_big .directory_nav li a:hover{ width:183px; height:20px; display:block; background:url(../../images/xxts/kuang_24.jpg) no-repeat}

/*右边按扭*/
.preview_menu{ width:96px; height:auto; float:right; margin-top:4px; }
.preview_menu li{ width:96px; height:auto; margin-top:12px; float:left}

/*目录按扭*/
.preview_menu .directory a{ width:96px; height:32px; display:block; background:url(../../images/xxts/yuedu_14.png) no-repeat}
.preview_menu .directory a:hover{ background:url(../../images/xxts/yuedu_14_1.png) no-repeat}

/*开灯按扭*/
.preview_menu .Open a{ width:96px; height:32px; background:url(../../images/xxts/yuedu_1_18.png) no-repeat; display:block }
.preview_menu .Open a:hover{ background:url(../../images/xxts/yuedu_18.png) no-repeat}

/*关灯按扭*/
.preview_menu .close a{ width:96px; height:32px; background:url(../../images/xxts/guan_1.png) no-repeat; display:block }
.preview_menu .close a:hover{ background:url(../../images/xxts/guan_2.png) no-repeat}

/*翻页按扭*/
.preview_menu .paging a{ width:96px; height:32px; background:url(../../images/xxts/yuedu_21.png) no-repeat; display:block }
.preview_menu .paging a:hover{ background:url(../../images/xxts/yuedu_21_1.png) no-repeat}
/*下接按扭*/
.preview_menu .xiala a{ width:96px; height:32px; background:url(../../images/xxts/xiala_2.png) no-repeat; display:block }
.preview_menu .xiala a:hover{ background:url(../../images/xxts/xiala_1.png) no-repeat}

/*回到顶部按扭*/
.preview_menu .top a{ width:96px; height:55px; background:url(../../images/xxts/yuedu_1_24.png) no-repeat; display:block }
.preview_menu .top a:hover{ background:url(../../images/xxts/yuedu_2_24.png) no-repeat}

/*无节操分享*/
.qzone ,.tsina ,.tqq ,.renren ,.tieba ,.tieba{ width:26px; height:26px; float:left; display:block; margin-top:8px}
.qzone{ margin-left:75px;}
.tsina ,.tqq ,.renren ,.tieba ,.tieba{ margin-left:5px}

.cancel{ width:19px; height:19px; margin-left:11px; margin-top:10px; display:block; float:left}