@import url(/static/public/css/layout.css);
#wraper { width: auto; }
div.top {width:100%;height:62px;background:url(/static/public/images/dongman_index.gif) repeat-x; overflow:hidden;}
.t_h {width:990px;margin:0 auto;}
.logo {width:119px;height:35px;float:left;margin-left:10px; margin-top:5px;}
.logo a {display:block;width:119px;height:40px;}
.t_nav {float:left;height:48px;line-height:48px;font-size:14px;}
.t_nav li {margin-right:25px;float:left;}
.t_nav li a {color:#fff;}
.t_nav li a:hover {color:#fff;}

.topban{width:100%; background:url(/static/public/images/dongman_pop.jpg) center top no-repeat; height:390px;}
.dm_sonnav{width:990px; margin:0 auto; }
.dm_sonnav ul {padding-left: 545px; padding-top: 68px;}
.dm_sonnav li{float:left; width:74px;display:inline; height: 74px; margin-left: 43px;}
.dm_sonnav li a {display:block;height:72px; }
.dm_sonnav li a:hover,.dm_sonnav li a.cur{background:url(/static/public/images/dongman_index.gif); height:128px;  }
.dm_sonnav li.manhua a:hover,.dm_sonnav li.manhua .cur{background-position:-190px -290px; }
.dm_sonnav li.zhoubian a:hover,.dm_sonnav li.lianzai .cur{background-position:-270px -290px; }
.dm_sonnav li.donghua a:hover,.dm_sonnav li.donghua .cur{background-position:-350px -290px; }


.main-wrap{width:990px; margin:10px auto 0;}
.main-wrap a:hover{text-decoration:none;}
.ft,.fc,.rt{float:left;}
.hot,.flashlist,.rank,.cart,.fixed{ height:auto; overflow:hidden; background:url(/static/public/images/dongman_indexbg.gif) repeat-y; }
.hot h4,.bb,.special h4,.rank h4,.rank ul,.cart h4,#LeftButton2,#RightButton2,.lzl,.lzb,.lzc,.lzr,.lzb h4,.tabs,.tabs li.opdiv a,.tabs li.noopdiv a {background:url(/static/public/images/dongman_index.gif) no-repeat}
.hot{background-position:0 0;width:200px;  overflow:hidden}
.hot h4{background-position:0 -62px; height:50px; text-indent:-9999em}
.hotb{background-position:0 -114px; height:20px;}
.hot ul{padding:0 12px; height:253px;}
.hot li{padding:0 0 3px 23px; border-bottom:1px solid #F7CF4C }
.hot li a{width:126px; height:120px ;text-align:center; display:block; position:relative; line-height:30px;cursor:pointer}
.hot li a img{ padding:3px; width:120px; height:90px; display:block }
.hot li.last{border-bottom:none; margin-top:8px}



.special{background-position:-450px 0;width:520px; height:auto; margin-left:10px;  overflow:hidden; position:relative }
.special h4{background-position:-450px -62px;height:47px; text-indent:-9999em; }
.flashlist { background-position:-450px 0; padding:0px 15px 0; height:243px; display:block}
.flashlist .f_out {overflow:hidden;z-index:100;}
.tabs{overflow:hidden;  background-position:-450px -107px; height:23px; padding-top:10px; }
.tabs ul {float:right}
.tabs li {width:14px;height:14px; margin-right:10px;float:left;display:block;}
.tabs li.opdiv,.noopdiv {padding:0;opacity:1}
.tabs li.opdiv a {width:14px;height:14px;background-position: -164px -289px;display:block;}
.tabs li.opdiv a:hover {background-position:-137px -289px;}
.tabs li.noopdiv a {width:14px;height:14px;background-position: -137px -289px;display:block;}

.rank{background-position:-200px 0; margin-left:10px;width:250px; }
.rank h4{background-position:-200px -62px; height:50px; text-indent:-9999em;}
.rank ul{background-position:-770px -300px; margin:5px 28px 6px; padding-left:25px;height:240px; }
.rank ul li{ height:30px; line-height:30px;}
.rank .rankb{background-position:-200px -112px; height:22px;}


.cart{background-position:-970px 0; width:990px; height:auto; overflow:hidden;  clear:left;margin-top:10px;display:inline-block}
.cart h4{background-position:0px -140px; height:50px; text-indent:-9999em; }
.cartb{background-position:0 -190px; height:22px;clear:both}
.cart ul{padding:0 0 0 26px; }
.cart ul li{ float:left; margin-top:5px; margin-right:9px; text-align:center;}
.cart ul li.last{margin-right:0;}
.cart ul li a{width:126px; height:120px ;display:block; position:relative; line-height:28px; cursor:pointer}
.mask{background:url(/static/public/images/thumb.png) no-repeat; position:absolute; top:0px; left:0px; z-index:9 }
.cart ul li a img{width:120px; height:90px;  display:block; padding:3px; }
.mask{display:block; background-position:0 0;  width:126px;  height:96px;}
.main-wrap ul li a:hover .mask{background-position:-126px 0; }

.b_box{margin-top:10px; height:auto; overflow:hidden}
.b_box .ft{ height:340px;}
.b_box .lzl{width:20px; background-position:0 -289px; }
.b_box .lzb{background:url(/static/public/images/lzbg.gif) repeat-x; width:450px;}
.b_box .lzc{width:50px; background-position:-20px -289px;}
.b_box .h4_dh{background-position:0 -340px;}
.b_box .lzb h4{background-position:0 -213px; height:50px; text-indent:-9999em;}
.b_box .h4_dh h4{background-position:-463px -213px;}
.lzr{background-position:-70px -289px; width:20px}
.b_box .lzb ul{padding-left:15px;}
.b_box .lzb ul li{ float:left; margin-top:12px; margin-right:19px; text-align:center;}
.b_box .lzb ul li.last{margin-right:0;}
.b_box .lzb ul li a{width:126px; height:120px ;display:block; position:relative; line-height:28px; cursor:pointer}
.b_box .lzb ul li a img{width:120px; height:90px;  display:block; padding:3px; }


.list-wrap{width:990px; margin:10px auto 0;}
.list-wrap .dm_box h4,.list-wrap .dm_box h4 strong,.list-wrap .dmbb{background:url(/static/public/images/dm_listbg.gif) no-repeat;}
.list-wrap .dm_box,.rec_list {background:url(/static/public/images/dm_listrepeat.gif) repeat-y;}
.list-wrap .dm_box { background-position:0 0; height:auto;}
.list-wrap .dm_box h4{background-position:0 0; height:70px; text-indent:-9999em}
.list-wrap .dm_box h4 strong{ height:58px; width:216px; display:block; margin:0 auto; position:relative; top:-18px; }
.list-wrap .dm_box h4 .manhua {background-position:0 -248px;}
.list-wrap .dm_box h4 .zhoubian {background-position:0 -306px;}
.list-wrap .dm_box h4 .donghua {background-position:0 -364px;}
.list-wrap .dmbb{background-position:0 -70px; height:45px;}

.list-wrap .dm_box ul.pic_list_1 { padding:0 19px;}
.list-wrap .dm_box ul.pic_list_1 li{ margin: 15px 15px; width: 128px;}
.list-wrap .dm_box ul.pic_list_1 li img{ border-radius: 5px; border:1px solid #ddd; overflow:hidden; box-shadow:2px 1px 2px rgba(0,0,0,0.05); display:block; margin:0 auto 5px;}
.list-wrap .dm_box ul.pic_list_1 li a:hover img{ border-color:#2C74AB;}

.pagelist {
    text-align:center; margin:15px 0 0;
}
.pagelist em,.pagelist span,.pagelist a {
    display:inline-block; background:#5ea9d2; padding:5px 7px; font-size:14px; color:#FFF; font-weight: 700;border-radius: 3px; margin: 0 2px;
}
.pagelist em,.pagelist span {
    background:#F262A5; color:#FFF;
}


.album {padding:0 35px 10px; overflow:hidden;}
.album h2.title { font-size: 25px; height: 50px;  line-height: 50px; text-align: center; color:#5298C2; }
.album .info{border-bottom: 1px dashed #C5E9FE; color: #7E7E7E; font-size: 12px; margin-bottom: 25px;  padding-bottom: 5px;  text-align: center; }

.album img { display: block; margin: 10px auto; cursor: pointer }
.album strong { font-weight: 500; line-height: 250%; margin: 20px 0; text-align: center; display: block; font-size: 16px; }
.album_list {text-align: center;background: #eee;width: 970px;overflow: visible; position: relative; z-index: 999; margin: 0 10px;}
.album_list .album_wrap {position: relative;display:inline-block;margin: 2px; dbackground: #fff}
.album_list span { cursor: pointer; display:inline-block; overflow: hidden; width:80px; height:80px; border: solid #eee 3px;background:#fff; position: relative }
.album_list span i { transform: translate(50%, 50%); width:100%; height: 100%; position: absolute; top: 0; left: 0 }
.album_list span img {width:100%; transform: translate(-50%, -50%);}
.album_list .album_over {position: absolute; border: #BCA2EA solid 3px; border-radius: 5px; text-align: center; cursor: pointer;display:none; top: 0px; box-shadow:inset 0 0 20px rgba(0,0,0,.8);}
.album_list .album_over i { background: #BCA2EA; color:#fff; display:inline-block; position: relative; line-height: 20px; top: -20px; margin: 0 auto; padding: 0 10px; border-radius: 5px 5px 0 0 }
.album_list .opt_btn { position:absolute; display: none; right:0; top:-20px; background: #eee url(../images/album_arrow.gif) no-repeat center 0; width:35px; height:20px; cursor:pointer;}
.album_list .arrow { right: 35px; background-position: center -20px; border-radius: 5px 0 0 0; }
.album_list .close { border-radius: 0 5px 0 0; }
.fixed .opt_btn { display: inline-block }
.album_list .uparrow { background-position: center -40px; border-radius: 5px 5px 0 0 }
.sbody {line-height:225%; font-size:15px; background-position: -979px -30px; padding: 15px 30px;}

.lastPage { position: absolute; top: 100px; background: #fff; border: solid 4px #eee; padding: 20px; width: 380px; height: 410px; display: none }
.lastPage h5 { font-size: 16px; line-height: 28px; margin: 0; }
.lastPage i { background: #ccc url(../images/icon_close_1.gif) center no-repeat; cursor: pointer; position: absolute; right: 5px; top: 10px; color: #fff; display:inline-block; width: 24px; height: 24px;border-radius: 100%;}
.lastPage .wrap { width: 360px; height: 300px; margin: 20px 10px; }
.lastPage .repage {  }
.lastPage .repage a, .lastPage .repage span { background: #19b955; margin: 5px; display: inline-block; line-height: 30px; color: #fff; padding: 0 30px; }
.lastPage .repage .prev { float: left }
.lastPage .repage .next { float: right }
.lastPage .repage span { background: #DDD}
.context { padding: 10px 30px 0; margin: 10px 10px 0; border-top: solid 1px #eee }
.context li { width: 45%; font-size: 15px; }

.rec_list h4,.rebb{background:url(/static/public/images/dm_listbg.gif) no-repeat;}
.rec_list{ background-position:-990px 0; margin-top: 20px; }
.rec_list h4{ background-position: 0 -115px; height:50px; text-indent:-9999em  }
.rec_list ul{padding:0 32px;}
.rec_list ul li { width: 130px; margin: 10px 12px 0; }
.rec_list ul li a{line-height:25px;}
.rec_list ul li a img{ border:1px solid #ddd; padding:3px; display:block }
.rec_list ul li a:hover img{border:1px solid #2c74ab;}
.rec_list ul li.last{margin-right:0;}
.rec_list .rebb {background-position: 0 -165px; height:22px;clear:both}