@charset "utf-8";

/* 2014-6-6 subject youkai */
body{background:url(../images/subject/2014/youkai/bg.png?v=001) repeat;}
.mangaread_top{margin-bottom:0; position:relative; z-index:3;}
.youkai-top{margin:0 auto; width:980px; height:477px; position:relative; z-index:2;}
.youkai-top .youkai-top-top{height:240px; background:url(../images/subject/2014/youkai/youkai_top_top.jpg?v=001) left bottom no-repeat;}
.youkai-top .youkai-top-footer{height:237px; position:relative; background:url(../images/subject/2014/youkai/youkai_top_footer.jpg?v=001) left bottom no-repeat;}
.youkai-left, .youkai-right{display:block; position:absolute; width:50%; z-index:0; top:48px; height:477px;}
.youkai-left{background:url(../images/subject/2014/youkai/youkai_left.jpg?v=001) no-repeat right 0; left:-490px;}
.youkai-right{background:url(../images/subject/2014/youkai/youkai_right.jpg?v=001) no-repeat 490px 0; right:0;}
.youkai-top .subject-share{width:292px; height:49px; position:absolute; right:155px; top:55px; background:url(../images/subject/2014/youkai/share.png?v=001) no-repeat left top;}
.subject-share span{position:absolute; width:49px; height:49px; cursor:pointer; top:0;}
.st_twitter_custom{left:15px;}
.st_facebook_custom{left:88px;}
.st_googleplus_custom{left:164px;}
.st_sharethis_custom{left:236px;}
.st_twitter_custom:hover, .st_facebook_custom:hover, .st_googleplus_custom:hover, .st_sharethis_custom:hover{background:url(../images/subject/2014/youkai/png.jpg?v=001) no-repeat left top;}
.st_twitter_custom:hover{background-position:-15px -53px;}
.st_facebook_custom:hover{background-position:-88px -53px;}
.st_googleplus_custom:hover{background-position:-164px -53px;}
.st_sharethis_custom:hover{background-position:-236px -53px;}
.youkai-main{background:url(../images/subject/2014/youkai/youkaimain-top.png?v=001) top center no-repeat; margin:35px 0 50px;  position:relative;}
.youkai-main-top{width:980px; margin:0 auto; height:250px; font-size:14px; text-align:justify;}
.youkai-main-top .youkai-main-info{float:left; padding:40px 20px; width:680px; line-height:18px;}
.youkai-main-top .youkai-main-info .title{font-size:24px; font-weight:bold; color:#926045; margin-bottom:20px;}
.other-subject{padding-top:20px; float:right; width:220px; margin-right:10px;}
.other-subject a img{border-radius:5px; margin:5px 0;}
.youkai-list{background:#fff; border:1px solid #dad9d7; width:938px; padding:20px 20px 0; margin:10px auto 20px; position:relative; z-index:1;}
.youkai-list .ul-one{overflow:hidden;}
.youkai-list .ul-one li{width:174px; margin-bottom:20px;}
.youkai-list .ul-one li .youkai-img{width:174px; height:214px; display:block; background:url(../images/subject/2014/youkai/imgbg.png?v=001) no-repeat;}
.youkai-list .ul-one li .youkai-img img{width:168px; height:208px;}
.youkai-list .ul-one li p{font-size:14px; text-align:center; font-weight:bold; margin-top:5px;}
.youkai-list .ul-two{overflow:hidden; float:left; width:550px;}
.youkai-list .ul-two li{width:450px; padding:0 25px 0 75px;  margin-bottom:10px; *zoom:1; height:250px;}
.youkai-list .ul-two li:after{display:block; content:'clear'; clear:both; overflow:hidden; visibility:hidden; height:0;}
.youkai-list .ul-two li img{width:223px; height:248px; float:left;}
.youkai-list .ul-two li .manga-info{font-size:14px; padding:10px 0 0 240px; color:#626262; line-height:20px; height:240px;}
.youkai-list .ul-two li .manga-info p{margin-bottom:10px;}
.youkai-list .ul-two li .manga-info .title a{font-weight:bold; color:#626262;}
.youkai-list .ul-two li .manga-info p a{color:#0077cc;}
.youkai-list .ul-two li .listbg{background:url(../images/subject/2014/youkai/listbg.png?v=001) left top no-repeat; height:100px; position:relative; width:550px; left:-55px; top:-100px;}
.youkai-main .line-left{background:url(../images/subject/2014/youkai/line-left.png?v=001) right top no-repeat; width:50%; z-index:0; height:250px; position:absolute; bottom:-50px; left:-450px;}
.youkai-comment{background:#fff; padding:30px 0; color:#6f6f6f;}
.youkai-comment .title{background:url(../images/subject/2014/youkai/commentbg.png?v=001) center top no-repeat; width:220px; height:80px; margin:0 auto; position:relative; top:-50px;}
.youkai-comment .commentlist{width:960px; padding:10px; margin:0 auto;}
#back_top{margin-left:500px; width:88px; height:86px; background:url(../images/subject/2014/youkai/btop.png?v=001) center top no-repeat; border:none; box-shadow:none; text-align:left; text-indent:-9999px;}
#back_top span{display:none;}
.comment-tab{width:960px;margin:0 auto;}
.right{float:right;}
.left {
    float: left;
}