
/* CSS Document */
/*-------------------
*Description:        base.css
*Version:            v1.0(2011-04-13 13:13)
*Website:            http://www.bookuu.com
*Author:             eilianson(eilianson@163.com)
*update:             eilianson(2011-04-13 13:13)
-------------------*/

/* whole situation CSS define */
html,body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,lable,textarea,p,blockquote,td,img {margin:0;padding:0;}
body{background:#fff}
html,body{height:100%;}
body,button,select,textarea { font:12px/1.5 simsun,"Microsoft YaHei",arial,Verdana, Geneva, sans-serif;}
#header a { color:#464646; text-decoration:none;}
#header a:hover { color:#c00; text-decoration:none;}
#footer a { color:#464646; text-decoration:none;}
#footer a:hover { color:#c00; text-decoration:none;}
#keyword a { color:#464646; text-decoration:none;}
#keyword a:hover { color:#c00; text-decoration:underline;}
.container a { color:#464646; text-decoration:none;}
.container a:hover { color:#c00; text-decoration:underline;}





#header { clear:both; background:url(../image/hdline.gif) repeat-x left bottom; margin-bottom:8px;}
#topbar { height:24px; line-height:24px; border-bottom:1px solid #D9D7D8; background-color:#F2F0F1;}
.topbarcon { width:1000px; margin:0 auto;}
#top { height:87px; width:1000px; margin:0 auto; overflow:hidden;}
#logo { float:left; width:222px; padding-top:19px;}
#piaowen{float:left;width:20px;position:relative;}
#topr { float:right; width:760px;}
.topl { float:left; padding-top:8px; height:79px; width:610px;}
.toplink { float:right; width:91px; padding-top:12px;}
.toplink li { height:32px; margin-bottom:5px;}
.toplink li a { display:block; width:65px; height:32px; background:url(404.png) no-repeat; padding-left:26px; line-height:32px; color:#1E1D1D; font-size:14px; font-family:"Microsoft YaHei"; font-weight:bold;}
#city { height:25px; line-height:25px; clear:both; margin-bottom:0px; padding-left:10px;}
#cityp_content {clear:both;width:750px;overflow:hidden;}
#cityp_content li{float:left;padding-left:5px;padding-right:5px;}
#cityp_content li a.on{color:#313131; display:inline-block; font-weight:bold; height:16px; font-family:"Microsoft YaHei"; font-size:16px;}
#cityp_content li a.do{};
#nav {}
#nav li { float:left; padding:0 8px;}
#nav li a { color:#313131; display:inline-block; font-weight:bold; height:44px; font-family:"Microsoft YaHei"; font-size:16px;}
#nav li a:hover,#nav li a.current { color:#A20824; background:url(../image/navarr.gif) no-repeat center bottom;}
#headerlogin { clear:both;  margin-bottom:8px;} 
#toplogin { height:87px; width:1000px; background:url(404.png) no-repeat center bottom;margin:0 auto; overflow:hidden;} 
#topregester{ height:110px; width:1000px;margin:0 auto; overflow:hidden; background:url(404.png) no-repeat center bottom;}
.login_right_div{width:415px;height:354px; background:url(404.png) no-repeat center bottom;}
.container #right_login{float: left;overflow: hidden;width: 415px;} 
.container #left_login {float:left;overflow:hidden;width:575px;}
.login_btn{width:118px;height:37px;background:url(../image/btn_login.png) no-repeat center bottom;border:none;margin-left:150px;}
.regester_top {background:url(../image/register_03_02.jpg) no-repeat;height:8px;}
.regester_center{background-color:#e6e6ea;width:1000px;float:left;height:auto;}
.regester_btotom {clear:both;background:url(../image/register_03_04.jpg) no-repeat;height:8px;}
.center_right_r{width:640px;float:left;height:auto;}
.center_right_r ul{padding-top:20px;padding-left:20px;padding-right:20px;overflow:hidden;}
.center_right_r li{clear:both;height:50px;overflow:hidden;}
.center_right_r li em{width:100px;}
.center_right_r li .login_input{background:url(../image/input.jpg) no-repeat;width:260px;height:34px;border:none;padding-top:10px;padding-left:10px;color:#666;font-weight:blod;}
.center_right_r li div{float:left;}
.center_left_r{width:360px;float:left;color:#666;}
.center_right_r li .r_ming{font-weight:bold;padding-top:5px;font-size:18px;width:100px;color:#3f3f3f;}
.center_right_r li .r_lbale{padding-top:10px;color:#333;}
.center_left_r .left_r_t{padding-top:20px;}
.regester_btn{width:118px;height:37px;background:url(../image/btn_login.png) no-repeat center bottom;border:none;}

#mainss { width:1000px; margin:0 auto; clear:both;overflow:hidden;}
.mtleft { float:left; width:180px;overflow:hidden;}
.catebox { clear:both; margin-bottom:10px;overflow:hidden;}
.catebox h2 { height:30px; line-height:30px; color:#fff; font-family:"Microsoft YaHei"; font-size:16px; background:url(../image/ltbg.gif) no-repeat; text-align:center; margin-bottom:11px;}
.mtright { float:right; width:810px;overflow:hidden;}
.mtrtop { clear:both; height:30px; margin-bottom:10px;overflow:hidden;}
#searchbar { float:left; width:430px; height:30px; background:url(../image/searchbg.gif) no-repeat;}
#searchbar .stxt { width:344px; height:22px; line-height:22px; padding:4px; float:left; border:0 none; background:none;}
#searchbar .sbtn { width:77px; height:30px; cursor:pointer; border:0 none; background:none; float:left;}
#keyword { float:right; width:370px; height:30px; line-height:30px; color:#656565;overflow:hidden;}
#keyword a { padding:0 2px;} 




em {font-style:normal;}
h1,h2,h3,h4,h5,h6,strong {font-weight:800;font-size:100%;}
label, input, select {vertical-align:middle;}
img, button {background:none;border:none;}
ol,ul,li {list-style-type:none;}
table,td {border:none;border-collapse:collapse}
ins{font-size:12px; color:#fc4c0f; font-weight:bold; text-decoration:none; padding:0 2px; font-family:Verdana, Geneva, sans-serif;}
.clearfix {display: inline-block;}
.container,.footer{
	width:1000px;
	margin:0 auto;
	background-color:#FFF;
}

 

/************ͷλ ʽ***absolute************/
#blockCity{ position:absolute;font-size:9pt; padding-top:20px;width:300px; display:none; Z-index:10000; 
} 
  
#blockCity .allsort-popup { 
position: absolute; 
background: white;
border: #b2b2b2 2px solid;
width: 300px;
height: auto; 
cursor: default;
}
.allsort-popup .lst-subcategory {
padding: 10px;
padding-top: 5px;
float: left;
}
.allsort-popup .lst-subcategory dl:hover, .allsort-popup .lst-subcategory dl.lsthover {
background: #F0FBFF url(../image/underline20110803_bg.gif) repeat-x 0 bottom;
}
.allsort-popup .lst-subcategory dl {
background: url(../image/underline20110803_bg.gif) repeat-x 0 bottom;
width: 70px;
float: left;
padding: 5px 0;
}
.allsort-popup .lst-subcategory dl dt {
width: 85px;
padding-left: 5px;
float: left;
display: block;
font-size: 12px;
font-weight: bold;
line-height: 26px;
}
#blockCity .lst-subcategory dl dt a {
color: #9f0016;
}
#blockCity .lst-subcategory dl dd a {
color: #666;
}
 
/************************µҳ******************/
.container .bk-main {float: left;width: 100%;min-height: 1px;}
.mt10 {margin-top: 10px;}
.bk-main-wrap {margin-right: 310px;display: block;overflow: hidden;zoom: 1;}
#slide-effects { overflow: hidden;border: #CCC 10px solid;border-radius: 10px;}
#slide-effects ul {position: absolute;}
#slide-effects ul, #slide-effects li {float: left;}
#slide-effects a, a:link {text-decoration: none;color: #333;}
#slide-effects img {width: 670px;height: 210px;}
#flashnvanum {position: absolute;right: 10px;bottom: 5px;width: auto;}
#flashnvanum span {background: #F1F1F1;border: #CCC 1px solid;color: #86A2B8;cursor: pointer;float: left;font-family: Arial;font-size: 12px;height: 15px;line-height: 15px;margin: 1px;text-align: center;width: 15px;} 
#flashnvanum span.on {background: #C00;border: #900 1px solid;color: white;height: 15px;line-height: 15px;width: 15px;}
.topic-box {border: #D8D8D8 solid 1px;}
.topic-box .hd {font-size: 14px;font-weight: bold;background-color: #F6F6F6;border-bottom: #D8D8D8 solid 1px;padding: 0 10px;height: 32px;line-height: 32px;}
.topic-box .bd {padding: 0 5px;display: block;overflow: hidden;zoom: 1;}
.topic .bd li {float: left;margin: 5px 0;width: 50%;line-height: 2;}
.topic .bd li a, a:link {text-decoration: none;color: #333;}
#cover-story {border: #D8D8D8 solid 1px;}
#cover-story .hd {background-color: #F6F6F6;border-bottom: #D8D8D8 solid 1px;height: 32px;line-height: 32px;padding-left: 10px;
}
#cover-story .hd h2 {float: left;font-size: 14px;width: 120px;}
#cover-story .hd li {
background: url(404.png) repeat-x -128px -57px;color: #666;height: 29px;line-height: 25px;margin-right: 2px;overflow: hidden;width: 74px;position: relative;top: 5px;}
#cover-story li, .cover-story a {cursor: pointer;float: left;text-align: center;}
#cover-story .hd li.on {background: url(404.png) no-repeat 0 2px;color: white;width: 209px;}
#cover-story .bd {padding: 6px;}
#cover-story .bd div img {height: 140px;}
.bk-sidebar {margin-left: -300px;width: 300px;float: left;display: block;overflow: hidden;zoom: 1;}
.topic-box {border: #D8D8D8 solid 1px;}
.topic-box .hd {font-size: 14px;font-weight: bold;background-color: #F6F6F6;border-bottom: #D8D8D8 solid 1px;padding: 0 10px;height: 32px;line-height: 32px;}
.interview .bd {width: 278px;white-space: nowrap;padding: 10px;display: block;overflow: hidden;zoom: 1;}
.interview .bd li {float: left;text-align: center;margin: 5px 0;width: 50%;line-height: 2;overflow: hidden;}
.interview .bd li a {width: 100px;overflow: hidden;white-space: nowrap;zoom: 1;}

.topic-box .bd li img {vertical-align: top;}
.topic-box {border: #D8D8D8 solid 1px;}
.topic-box .hd {font-size: 14px;font-weight: bold;background-color: #F6F6F6;border-bottom: #D8D8D8 solid 1px;padding: 0 10px;height: 32px;line-height: 32px;}
.watch .bd {padding: 0 5px;}
.topic-box .bd {display: block;overflow: hidden;zoom: 1;}
.watch .bd li {margin: 7px 0;}
.watch .bd li img {width: 285px;}
.topic-box .bd li img {vertical-align: top;}

.min-box {
width: 321px;
float: left;
overflow: hidden;
}
 .min-box .bd {
padding: 10px;
}.top-main {
display: block;
overflow: hidden;
zoom: 1;
}
.top-main dt {
float: left;
width: 150px;
height: 150px;
margin-right: 10px;
}
.top-main dd {
float: left;
width: 140px;
overflow: hidden;
}
top-main dd li {
width: 140px;
height: 25px;
line-height: 25px;
overflow: hidden;
text-overflow: ellipsis;
}
.min-box .pic-list {
width: 350px;
margin-top: 10px;
height: 100px;
overflow: hidden;
white-space: nowrap;
zoom: 1;
}
.min-box .pic-list li {
margin-right: 20px;
float: left;
width: 85px;
overflow: hidden;
text-overflow: ellipsis;
}
.min-box .pic-list li img {
border: #CCC solid 1px;
padding: 1px;
}
.ml15 {
 
margin-left: 27px;
}
.min-box2{
	width: 300px;
	 
height: 313px;
overflow: hidden;
white-space: nowrap;
zoom: 1;
}





.container,.footer{width:1000px; margin:0 auto;}

.container #left {float: left;margin-top: 10px;overflow: hidden;width: 180px;}
.container #center {float: left;overflow: hidden;margin-left: 10px;width: 600px;}
.container #right {float: left;overflow: hidden;width: 200px;}



#left .booktype{clear:both;margin-bottom: 10px;text-align: left;width: 178px;border: #CCC 1px solid;display: inline-block;}
.booktype h1{display: block;height: 28px;line-height: 28px;padding-left: 15px;font-size: 14px;color: #333;background: #CCC;border: #CCC 1px solid;border-bottom: 0;}
.book-i-fl{clear: both;border: #D5EEF7 1px solid;border-top: 0;}
.book-i-fl li {clear: both;width: 100%;border-bottom: #EFEFEF 1px solid;padding-bottom: 12px;margin-bottom: 1px;}
.book-i-fl li:hover{background-color:#E8E8E8;}
.book-i-fl h4 {clear: both;font-weight: bold;margin-bottom: 5px;padding: 10px 0 0 8px;color: #9f0016;}
.book-i-fl h3 {clear: both;font-weight: bold; padding-left:30px; padding-top:10px;color: #333;}
.book-i-fl h4 a {color: #9f0016;}
.book-i-fl .nav-i-fl li {float: left;padding: 1px 10px;background: url(404.png) no-repeat right 5px;word-break: keep-all;white-space: nowrap;margin: 0;clear: none;border: none;width: auto;}


.left_ms {border: 1px solid #E3E3E3;margin-top: 10px;padding: 2px;background-color: #FFFDFE;width: 173px;overflow: hidden;}
.left_ms h3 {font-size: 14px;width: 150px;text-align: left;margin-left: 8px;}
.book-mstq {margin: 0;padding: 8px;}
.book-mstq li {clear: both;text-align: left;float: left;width: 100%;padding-bottom: 10px;margin-bottom: 10px;border-bottom: #EDEDED 1px solid;}
.book-mstq li img {width: 40px;float: left;margin-right: 5px;margin-top: 0;}

.book-zbms {margin: 0;padding: 8px;}
.book-zbms li {clear: both;text-align: left;float: left;width: 100%;padding-bottom: 10px;margin-bottom: 10px;border-bottom: #EDEDED 1px solid;}
.book-zbms li img {width: 180px;float: left;margin-right: 5px;margin-top: 0;}



.blank10 {clear: both;height: 10px;overflow: hidden;display: block;}
.center_div {border: 1px solid #E3E3E3;width: 588px;padding: 1px;overflow: hidden;padding-bottom: 5px;}
.center_div .title {width: 578px;text-align: left;padding-left: 10px;background-color: #F6F6F6;height: 22px;padding-bottom: 2px;padding-top: 7px;}
.center_div  h3 {font-size: 14px;color: #BA1E0F;}
.center_div .title p {text-align: right;margin-top: -19px;margin-right: 3px;}
.center_cont {margin-top: 10px;padding-left: 5px;}
.center_cont .products-s-pannel {width: 573px;}
.center_cont .products-s-pannel li {float: left;width: 140px;height: 173px;margin-bottom: 8px;overflow: hidden;margin: 0px;padding: 0px;list-style-type: none;font-size: 12px;color: #4E4E4E;}
.center_cont .products-s-pannel .item {width: 140px;float: left;margin: auto;text-align: center;}
.center_cont .products-s-pannel .item .pic {width: 138px;height: 128px;border: white 1px solid;margin: 0 auto;margin-bottom: 5px;text-align: center;overflow: hidden;position: relative;z-index: 10;}
.center_cont .products-s-pannel .item .pic:hover{border:1px solid #9b9c9c;}
.center_cont .products-s-pannel .item .desc {padding: 0 6px;height: 18px;overflow: hidden;}
.center_cont .products-s-pannel .item .pic a {width: 138px;height: 128px;}
.center_cont .products-s-pannel .item .pic a img {width: 85px;margin: 0px;padding: 0px;list-style-type: none;font-size: 12px;color: #4E4E4E;vertical-align: middle;}
.center_cont .th-list-s li {height: auto;float: left;width: 140px;margin-bottom: 8px;overflow: hidden;margin: auto;text-align: center;}
.center_cont .th-list-s li .item {margin-bottom: 5px;width: 140px;float: left;}
.comlist {clear: both;}
.center_cont .products-s-pannel li ul.comlist li {width: 125px;clear: both;overflow: hidden;height: 24px;padding-left: 14px;margin-bottom: 2px;background-position: 5px 9px;text-align: left;}
.item .price {clear: both;}
.comlist li {line-height: 24px;background: url(404.png) no-repeat 12px 9px;padding: 0 0 0 22px;width: auto;}
.c-books-tabs h3 {float: left;}
.c-b-tabs-pannel {position: relative;width: 100%;}
.c-b-tabs-pannel ul.tab {position: absolute;left: 90px;top: -35px;margin: 0;padding: 0;display: inline;} 
.c-b-tabs-pannel ul.tab li {background: #EDEDED;margin: 0;padding: 3px 10px;margin-right: 8px;float: left;border-top: 1px solid #E9E9E9;border-left: 1px solid #E9E9E9;border-right: 1px solid #E9E9E9;cursor: pointer;}
.c-b-tabs-pannel ul.tab li.current {background-color: white;color: #31527E;font-weight: bold;}
#mainad {border: 1px solid #E3E3E3;width: 588px;padding: 1px;overflow: hidden;padding-bottom: 5px;}
 
#mainad .s {height: 200px;overflow: hidden;width: 585px;}
#mainad .s .box {height: 200px;}
#mainad .s .box img {height: 200px; width:593px;}      
.s ul {float: right;margin-right: 10px;margin-top: -30px;display: inline;position: relative;}
.s ul li {margin-left: 5px;float: left;color: #6581A8;font-size: 12px;font-family: Arial, Helvetica, sans-serif;background: url(../image/silde-icon.png) no-repeat 0px 0px;width: 21px;hieght: 21px;line-height: 21px;text-align: center;cursor: pointer;}
.s ul li.ched {font-weight: bold;background-position: right 0;color: white;} 
#slidenum {position: absolute;z-index: 130;margin-top: -170px;margin-left: 558px;}
/*м*/
.clear {clear: both;}

.right_div {border: 1px solid #E3E3E3;width: 196px;padding: 1px;overflow: hidden;list-style-type: none;margin: 0px;line-height: 18px;font-size: 12px;color: #4E4E4E;}
.right_div .title {width: auto;height: 22px;padding: 2px 0 2px 10px;background-color: #F6F6F6;list-style-type: none;font-size: 12px;color: #4E4E4E;}
.guanzhu {padding: 0px 10px;padding: 5px;}
.guanzhu li {border-bottom: 1px solid #F4F4F4;text-align: left;line-height: 30px;height: 30px;overflow: hidden;}
.right_div   h3 {font-size: 14px;color: #BA1E0F;}
.right_div .title p {margin-top: -16px;text-align: right;}
.bestsale-pannel {clear: both;padding: 10px;list-style-type: none;font-size: 12px;color: #4E4E4E;}
.bestsale-pannel li {clear: both;text-align: left;margin: 0px;padding: 0px;list-style-type: none;font-size: 12px;color: #4E4E4E;}
.bestsale-pannel li .show-pic {height: 95px;overflow: hidden;margin: 0px;padding: 0px;list-style-type: none;font-size: 12px;color: #4E4E4E;}
.bestsale-pannel li .show-pic .item {width: 75px;float: left;margin: auto;text-align: center;padding: 0px;list-style-type: none;font-size: 12px;color: #4E4E4E;}
.bestsale-pannel li .show-pic .item .pic {width: 75px;height: 75px;border: #F0F0F0 1px solid;text-align: center;overflow: hidden;position: relative;}
.bestsale-pannel li .show-pic .item .pic a {width: 75px;height: 75px;text-align: center;vertical-align: middle;}
.bestsale-pannel li .show-pic .desc {width: 90px;float: right;margin: 0px;padding: 0px;list-style-type: none;font-size: 12px;color: #4E4E4E;}
.bestsale-pannel li .show-pic .desc-name {height: 35px;overflow: hidden;margin-bottom: 7px;margin: 0px;padding: 0px;list-style-type: none;font-size: 12px;color: #4E4E4E;}
.bestsale-pannel li .show-pic .desc .pf {clear: both;}

 

#header { clear:both; background:url(../image/hdline.gif) repeat-x left bottom; margin-bottom:8px;}
#topbar { height:24px; line-height:24px; border-bottom:1px solid #D9D7D8; background-color:#F2F0F1;}
.topbarcon { width:1000px; margin:0 auto;}
#top { height:87px; width:1000px; margin:0 auto; overflow:hidden;}
#logo { float:left; width:192px; padding-top:19px;}
#topr { float:right; width:760px;}
.topl { float:left; padding-top:8px; height:79px; width:580px;}
.toplink { float:right; width:91px; padding-top:12px;}
.toplink li { height:32px; margin-bottom:5px;}
.toplink li a { display:block; width:65px; height:32px; background:url(404.png) no-repeat; padding-left:26px; line-height:32px; color:#1E1D1D; font-size:14px; font-family:"Microsoft YaHei"; font-weight:bold;}
#city { height:25px; line-height:25px; clear:both; margin-bottom:10px; padding-left:10px;}
#nav {}
#nav li { float:left; padding:0 8px;}
#nav li a { color:#313131; display:inline-block; font-weight:bold; height:44px; font-family:"Microsoft YaHei"; font-size:16px;}
#nav li a:hover,#nav li a.current { color:#A20824; background:url(../image/navarr.gif) no-repeat center bottom; text-decoration:none;}












#footer { width:1000px; margin:0 auto; clear:both;}
.footer {width:250px; margin:0 auto; float:left; text-align:center;}
.footer h4 { font-family:"Microsoft YaHei"; height:20px; line-height:35px; font-size:14px;}  


.bt{ width:593px; height:30px; line-height:30px; background-image:url(../image/bt-2.jpg); font-size:16px; font-weight:bold; color:#910016;}



