@charset "utf-8";
/* Global CSS */

body{color:#444}
.ww{width:885px}
.wMax{width:100%}
.marTop{margin:20px auto 0 auto}
.marBot{margin:0 auto 20px auto}
.areaTitle{width:100%; text-align:left}
.areaTitle img{display:block}
.underLine{background:url(../../images/common/line_01.gif) bottom repeat-x}
.underLineLi li{background:url(../../images/common/line_01.gif) bottom repeat-x}
.spaceLi li{line-height:0; padding-bottom:20px; padding-top:20px!important; padding-top:0; margin-top:0!important; margin-top:20px; overflow:hidden}
.spaceLi2 li{line-height:0; padding-bottom:10px; padding-top:10px!important; padding-top:0; margin-top:0!important; margin-top:10px; overflow:hidden}
.more{}
.dotBlue1 li{background:url(../../images/common/dot_1.gif) left no-repeat; padding-left:12px}
.dotBlue2 li{background:url(../../images/common/dot_2.gif) left no-repeat; padding-left:12px}

/*need change*/
.b_photo_2{width:58px; height:72px}
.g_photo_1{width:50px; height:50px}
.u_photo_1{width:44px; height:44px; background:url(../../images/common/u_photo_off.gif) no-repeat; padding:3px}/*user photo 1*/
.u_photo_2{width:44px; height:44px; background:url(../../images/common/u_photo_on.gif) no-repeat; padding:3px}/*user photo 2*/
a.b_name:link, a.b_name:visited{color:#006699; text-decoration:none}
a.b_name:hover, a.b_name:active{color:#ffffff; text-decoration:none; background:#006699}
a.u_name:link, a.u_name:visited{color:#ff6600; text-decoration:none}
a.u_name:hover, a.u_name:active{color:#ffffff; text-decoration:none; background:#ff6600}
a.r_name:link, a.r_name:visited{color:#006699; text-decoration:none}
a.r_name:hover, a.r_name:active{color:#ffffff; text-decoration:none; background:#006699}
a.g_name:link, a.g_name:visited{color:#006699; text-decoration:none}
a.g_name:hover, a.g_name:active{color:#ffffff; text-decoration:none; background:#006699}
a.t_name:link,a.t_name:visited{color:#336699; text-decoration:none}
a.t_name:hover,a.t_name:active{color:#FFFFFF; text-decoration:none; background:#336699}
a.reply_num:link,a.reply_num:visited{color:#336699; text-decoration:none}
a.reply_num:hover,a.reply_num:active{color:#FFFFFF; text-decoration:none; background:#336699}

/* a CSS */
a.a_006699:link, a.a_006699:visited{color:#006699; text-decoration:none}
a.a_006699:hover, a.a_006699:active{color:#FFFFFF; text-decoration:none; background:#006699}
a.a_FF6600:link, a.a_FF6600:visited{color:#FF6600; text-decoration:none}
a.a_FF6600:hover, a.a_FF6600:active{color:#FFFFFF; text-decoration:none; background:#FF6600}

/* text CSS */
.t_006699{color:#006699}
.t_FF6600{color:#FF6600}

/* form CSS */
.ipt_3{border:1px inset #999999; height:17px}

/* img CSS */
.imgBook1{width:74px; height:90px}
.imgBook2{width:58px; height:72px}
.imgUser1_off{width:44px; height:44px; background:url(../../images/common/u_photo_off.gif) no-repeat; padding:3px}
.imgUser1_on{width:44px; height:44px; background:url(../../images/common/u_photo_on.gif) no-repeat; padding:3px}
.imgPopular1{width:90px; height:90px}
.imgFriendlink{width:88px; height:31px; border:1px solid #cccccc}

/* top_1 CSS */
.top_logo{width:168px; padding-top:17px}
.top_logo img{display:block}
.top_bg{width:697px; background:url(../../images/top/top_right_bg.jpg) right 22px no-repeat}
.search{width:100%; height:50px; line-height:20px; position:relative}
.search ul{width:59px; border:1px solid #CCC; background:#FEFEFE; z-index:3; position:absolute; left:584px; top:20px; display:none}
.search ul li{text-align:center}
.ipt_1{border:1px solid #CCC; line-height:18px; height:18px; color:#CCC}
.sch_sub{width:43px; height:20px; background:url(../../images/common/btn_bg_02.gif) no-repeat; border:0; cursor:pointer}
.sch_arr{width:18px; height:20px; background:url(../../images/common/arrow01.gif) no-repeat; border:0; cursor:pointer}
.nav{height:58px}
.nav ul li{height:21px; float:left; background:url(../../images/top/nav_bg.gif) repeat-x; position:relative}
.nav ul li img{display:block}
.nav ul li div{position:absolute; top:21px; z-index:100; line-height:24px; text-align:left; white-space:nowrap}
.nav p{line-height:24px}
.logoState{height:24px; line-height:24px}

/* top_2 CSS */
.top_banner{width:580px; height:135px}
.top_banner img, .top_banner object{max-width:580px; max-height:135px; display:block}
.noLogin{width:305px; height:135px; background:url(../../images/index/login_bg.gif) no-repeat}
.noLogin h2{line-height:30px; text-align:right; width:100%}
.ipt_2{height:18px; line-height:18px; color:#333; border:1px solid #CCCCCC; background:#FFFFFF}
.login_btn{width:80px; height:22px; background:url(../../images/index/button_bg.gif) no-repeat; border:0; font-size:13px; line-height:22px; color:#FFF; cursor:pointer}
.noLogin div{width:255px}
.noLogin h1{width:60px; height:20px; line-height:20px; padding-bottom:7px; _padding-bottom:5px}
.noLogin span{width:195px; height:20px; line-height:20px; padding-bottom:7px; _padding-bottom:5px}
.noLogin p{line-height:20px; padding-top:5px; _padding_top:3px}
.haveLogin{width:300px; height:130px; padding:5px 0 0 5px; background:#f9fee0}
.haveLogin h1{width:100px; line-height:24px}
.haveLogin h1 img{display:block; width:100px; height:100px}
.haveLogin p{width:190px; line-height:22px}

/* left CSS */
.left{width:458px; background:#fff}
.leftUl1{width:456px} /* 每行4列列表，固定宽度 */
.leftUl1 li{float:left; width:25%}
.leftUl2{width:100%} /* 每行1列列表 */
.leftUl2 li{width:100%}
.leftUl3{width:100%} /* 每行3列列表，固定宽度 */
.leftUl3 li{float:left; width:33%}
.leftPoster{width:100%}
.leftPoster img{display:block; max-width:458px} /* 固定最大宽度 */

/* index left id CSS */
#indexHotBooks li{height:140px; line-height:18px; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; padding-top:7px; *padding-top:9px}
#indexHotBooks li img{vertical-align:text-bottom}
#indexHotBooks li h1{line-height:18px; font-weight:normal}
#indexNewBooks li{text-align:left}
#indexActions h1{float:left; width:11%}
#indexActions h1 img{display:block}
#indexActions p{float:left; width:73.5%; padding:0 5px 0 5px; text-align:left; line-height:18px}
#indexActions p span{color:#999999}
#indexActions h2{float:right; width:13%; text-align:right}
#indexAddBook img{float:left; display:block; padding-right:5px}
#indexAddBook select{float:left}
#indexHotPopular li{line-height:18px}
#indexHotPopular li h1{float:left; width:19.7%; text-align:left}
#indexHotPopular li h1 img{display:block}
#indexHotPopular li p{float:right; width:78%; height:90px; text-align:left; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden}
#indexHotPopular li span{line-height:20px; font-weight:bold}
#indexHotMenu li{height:30px}
#indexHotMenu li h1{width:96%; height:26px; line-height:26px; cursor:pointer; margin:0 auto}
#indexHotMenu0{color:#0066CC}
#indexHotMenu0 h1{border-bottom:4px solid #0066CC}
#indexHotMenu1{border-left:1px solid #ccc; border-right:1px solid #ccc; color:#bbcc00}
#indexHotMenu1 h1{border-bottom:4px solid #bbcc00}
#indexHotMenu2{color:#ff3300}
#indexHotMenu2 h1{border-bottom:4px solid #FF3300}
.indexHotMenu0_on{background:#0066CC; color:#ffffff}
.indexHotMenu1_on{background:#bbcc00; color:#ffffff}
.indexHotMenu2_on{background:#FF3300; color:#ffffff}
#indexHotContent{display:inline; float:left; width:100%; height:455px; *height:462px}

/* right CSS */
.right{width:354px; background:#fff}
.rightPoster{width:100%}
.rightPoster img{display:block; max-width:354px} /* 固定最大宽度 */
.rightUl1{width:100%}
.rightUl2{width:100%} /* 每行1列列表 */
.rightUl2 li{width:100%}
.rightUl3{width:352px} /* 每行4列列表，固定宽度 */
.rightUl3 li{float:left; width:25%}

/* index right id CSS */
#indexNews li{text-align:left; line-height:20px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden}
#indexNewReviews li{width:100%}
#indexNewReviews li h1{float:left; width:16.5%; line-height:18px; font-weight:normal}
#indexNewReviews li p{float:right; width:80%; text-align:left; line-height:18px}
#indexNewReviews li p span{color:#999999}
#indexOnline li{height:92px; line-height:18px}
#indexOnline li img{vertical-align:text-bottom}
#indexOnline li h1{line-height:18px; font-weight:normal}

/* book id CSS */
#bookNewBooks li{width:100%}
#bookNewBooks li h1{float:left; width:12.7%; font-weight:normal; text-align:left}
#bookNewBooks li p{float:right; width:85%; text-align:left; line-height:18px}
#bookNewBooks li p span{color:#999999}
#bookNiceBooks li{height:114px; line-height:18px}
#bookNiceBooks li img{vertical-align:text-bottom}
#bookNiceBooks li h1{line-height:18px; font-weight:normal}
#bookFriendBooks h1{float:left; width:14.2%; text-align:left}
#bookFriendBooks h1 img{display:block}
#bookFriendBooks p{float:left; width:66.5%; padding:0 5px 0 5px; text-align:left; line-height:18px}
#bookFriendBooks p span{color:#999999}
#bookFriendBooks h2{float:right; width:16.4%; text-align:right}

/* bottom CSS */
.bottom{border-top:1px solid #cccccc}
.friendlink{width:848px; margin:0 auto}
.friendlink li{float:left; width:12.5%}
#friendlinkImg{padding-top:10px}
#friendlinkImg li{padding-bottom:10px}
#friendlinkImg li img{vertical-align:text-bottom}
#friendlinkText li{line-height:20px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden}
#copyRight{line-height:18px; color:#999999}