charset "utf-8";
/* CSS Document */

/*-------------#wrapper-----------*/
#wrapper .book_shelf,
.book_shelf .shelf{
    float:left;
	clear:both;
    width:710px;
}
/*-----------------------------*/
.book_shelf .shelf_header{
    position:relative;
    float:left;
	clear:both;
	width:610px;
	padding:0 55px 10px 45px;
	z-index:0;
}
.book_shelf .shelf_header img{
   vertical-align:middle;
   padding-right: 10px;
}
.book_shelf .shelf_header .shelf_title{float:left;}
.book_shelf .shelf_header .date{
    float:left;
	font-size:80%;
	padding:8px 0 0 10px;
}
/*-----------------------------*/
*html .book_shelf .books{overflow:hidden !important;}
/*----------book images--------*/
/* new from here */
.book_shelf .shelf ul.books li .book_base,
.book_shelf .shelf ul.books li .book_base2 {
    position:relative;
    float:left;
	clear:both;
    width:147px;
	overflow:hidden;
	padding-bottom:13px;
    background:url(../img/book_bg.jpg) no-repeat left bottom;
	z-index:0;
}
/* new to here */
.book_shelf .shelf ul li .book_img {
    width:127px;
    padding:2px 0 0 20px;
	background:url(/common/img/book_bg_top.jpg) no-repeat left top;
}

.book_shelf .shelf ul li .book_img .noimage-title {
    font-size: 14px;
    left: 20px;
    padding: 10px;
    position: absolute;
    width: 90px;
    z-index: 10;
    color: #000000;
}

.book_shelf .shelf ul li .book_img img{
    width:110px;
	position:relative; /* add */
	z-index:4; /* add */
}
/* add from here */
.book_shelf .shelf ul.books li .book_base .icon,
.book_shelf .shelf ul.books li .book_base2 .icon {
    position:absolute;
	/* top:120px; */
	bottom:30px;
	left:0;
	z-index:6;
}
.book_shelf .shelf ul.books li .book_base .cover,
.book_shelf .shelf ul.books li .book_base2 .cover2 {
    position:absolute;
	top:10%;
	left:20%;
	width:92px;
	height:92px;
	cursor:pointer;
	z-index:2;
}
.book_shelf .shelf ul.books li .book_base .cover {background:url(../img/book_onmouse_cover.png) no-repeat 50% 50%;}
.book_shelf .shelf ul.books li .book_base2 .cover2 {background:url(../img/book_onmouse_cover2.png) no-repeat 50% 50%;}
.book_shelf .shelf ul.books li .book_base .book_btn,
.book_shelf .shelf ul.books li .book_base2 .book_btn {
    position:absolute;
    width:110px;
	height:157px;
	z-index:5;
	cursor:pointer;
}
/*-----------------------------*/
.book_shelf .shelf .review_base {
    position:relative;
    float:left;
	clear:both;
	width:147px;
    height: 130px;
}
.book_baloon {
    position:absolute;
	top:-8px;
	left:-11px;
    width:135px;
	height:60px;
	overflow:hidden;
	padding:20px 4px 0 20px;
	background:url(../img/book_review_bg.png) no-repeat left top;
}
.book_shelf .shelf .review_bottom {
    position:absolute;
	bottom:50px;
	left:-11px;
    width:159px;
    height:8px;
    background:url(../img/book_review_bg_bottom.png) no-repeat left bottom;
}
/*--------------------------------*/
.book_shelf .shelf p {
    float:left;
	clear:both;
	width:135px;
	font-size:11px;
	line-height:1.3em;
}
.book_shelf .shelf .read {
	padding-bottom:3px;
	font-weight:bold;
}
.book_shelf .shelf .red {background:url(../img/book_review_tit_bg_r.gif) no-repeat center bottom;}
.book_shelf .shelf .blue {background:url(../img/book_review_tit_bg_b.gif) no-repeat center bottom;}
.book_shelf .shelf .yellow {background:url(../img/book_review_tit_bg_y.gif) no-repeat center bottom;}
/* add to here */

/*-----------------------------*/
.page{
    display: block;
    height: 14px;
    width: 40px;
    background:url(/common/img/page_p_n.gif) no-repeat 0 0;
    text-indent: -999px;
    position: absolute;
    cursor: pointer;
	/overflow:hidden;
}
.page_select{
	position:absolute;
    top:0;
    right:50px;
	width:100px;
	z-index:1;
}
.page_select .forward{
    background-position: 0 0;
    right: 0;
}
.page_select a.forward:hover {
    background-position: 0 -14px;
}
.page_select a.back{
    background-position: 0 -28px;
    left: 0;
}
.page_select a.back:hover {
    background-position: 0 -42px;
}
/*-----------------------------*/
.shelf_in .arrow{
  display: block;
  height: 385px;
  width: 30px;
  background: url(/common/img/arrow_big.gif) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  cursor: pointer;
  z-index:0;
}
.shelf_in .arrow{top: 420px;}
.shelf_in .forward{
  background-position: 0 0;
  right: 0;
}
.shelf_in .forward:hover{
  background-position: 0 -385px;
}
.shelf_in .back{
  background-position: 0 -770px;
  left: 0;
}
.shelf_in .back:hover{
  background-position: 0 -1155px;
}
/*-------------slide-------------*/
.shelf_in{
     float:left;
     clear:both;
     width:710px;
	 position:relative;
}
.shelf_in .slide {
     float:left;
     clear:both;
	 z-index:0;
     width:630px; /* .shelf_in width - (.slide margin-left + .slide margin-right) */
	 margin: 0 40px;
}
*html .shelf_in .slide{margin: 0 20px;}
/*-----------------------------*/
.book_shelf ul.books{
    float:left;
	width:650px;
	margin:0;
    padding:0;
}
*html .book_shelf ul.books{
   width:636px;
}
.book_shelf .shelf ul.books li {
    display:block;
    position:relative;
    float:left;
	width:147px;
	height:320px;
	margin-right:14px;
}
*html .book_shelf .shelf ul.books li{
    overflow:hidden !important;
	margin-right:7px;
}
.book_shelf .shelf ul.books li .book{
    position:absolute;
	bottom:0;
	left:0;
}
/*
.book_shelf .shelf .review_base{
    position:relative;
    float:left;
	clear:both;
	width:147px;
	min-height:130px;
	height: auto !important;
    height: 130px;
	font-size:85%;
	line-height:1.3em;

	margin-top:-120px;
}
.book_shelf .shelf .book_review .review_top{
    width:159px;
	height:15px;
	background:url(/common/img/book_review_bg_top.png) no-repeat left top;
}
.book_shelf .shelf .book_review{
     position:absolute;
	 bottom:8px;
	 left:-11px;
	 width:159px;
}
.book_shelf .shelf .book_review .review_bottom{
     width:159px;
     height:52px;
     background:url(/common/img/book_review_bg_bottom.png) no-repeat left bottom;
}
*/
/*--------------------------------*/
.slidebox_base{
	 position:relative;
	 height: 200px;
	 width:159px;
	 overflow: hidden;
}
.slidebox{
	 position: absolute;
	 top: 120px;
	 left: 0;
	 height: 134px;
}
/*---------review_middle--------*/
/*
.book_shelf .shelf .review_middle,
.book_shelf .shelf .review_middle .read,
.book_shelf .shelf .review_middle p{
    float:left;
	clear:both;
}
.book_shelf .shelf .review_middle{
    width:139px;
	min-height:200px;
	height: auto !important;
    height: 200px;
	padding:5px 0 5px 20px;
    background:url(/common/img/book_review_bg_middle.png) repeat-y left top;
}
.book_shelf .shelf .review_middle .read{
	width:135px;
	font-weight:bold;
}
.book_shelf .shelf .review_middle .red{background:url(/common/img/book_review_tit_bg_r.gif) no-repeat center bottom;}
.book_shelf .shelf .review_middle .blue{background:url(/common/img/book_review_tit_bg_b.gif) no-repeat center bottom;}
.book_shelf .shelf .review_middle .yellow{background:url(/common/img/book_review_tit_bg_y.gif) no-repeat center bottom;}
.book_shelf .shelf .review_middle p{
	width:130px;
	padding:5px 0 0 3px;
}
.book_shelf .shelf .review_middle .read a{ color:#000000 !important;text-decoration:none;}
.book_shelf .shelf .review_middle .read a:hover{ color:#d34832 !important; text-decoration:underline;}
*/
/*--------------------------------*/
/*
.book_shelf .shelf .review_middle .read span{
	font-weight:normal;
}
.book_shelf .shelf .review_middle p .title{
    float:left;
	clear:both;
	font-weight:bold;
	padding-top:1em;
}
.book_shelf .shelf .review_middle p .name{
    float:left;
	clear:both;
	color:#d34832;
}
.book_shelf .shelf .review_middle p a{text-decoration:none;}
.book_shelf .shelf .review_middle p a:hover{text-decoration:underline;}
*/
/*------------------------------------------------------*/
#books-list {
   display:block;
   float:left;
   clear:both;
   min-height:1500px;
   height:auto !important;
   height:1500px;
}
/*------------------------------------------------------*/
#shelf-footer {font-size:11px;font-weight:bold;}
#shelf-footer a:link {color:#000;}
#shelf-footer a:visited {color:#000;}
#shelf-footer a:hover {color:#000;}

/*
ul.category_links {
	clear:both;
	width:630px;
	border-bottom:1px solid #aaa;
}
ul.category_links li {
	display:inline;
	margin:3px 2px;
	font-size:11px;
}
*/