@import url("frame.css");
.list{width:650px;}
.scroll-title{padding:0 15px;height:20px;}
.scroll-btns{width:600px;height:27px;text-align:right;float:right;}
.scroll-btns span{display:inline-block;cursor:pointer;}
.scroll-btns span.round{width:7px;height:7px;margin-top:4px;background:url(../images/list_round_gray.gif) no-repeat;margin-left:7px;}
.scroll-btns span.round_on{width:7px;height:7px;margin-top:4px;background:url(../images/list_round.gif) no-repeat;margin-left:7px;}
.scroll-btns span.pageup{width:11px;height:11px;background:url(../images/list_pageup_gray.gif) no-repeat;margin-left:9px;}
.scroll-btns span.pagedown{width:11px;height:11px;background:url(../images/list_pagedown_gray.gif) no-repeat;margin-left:9px;}
.picList li{width:133px;border:1px solid #ccc;margin:0 14px 0 13px;display:inline;font-size:0;float:left;position:relative;text-align:center;}
.picList li h4{position:absolute;left:0;bottom:0;width:133px;height:18px;background:#000;filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;text-align:center;font-weight:normal;font-size:12px;}
.picList li h4 a{color:#fff;}
.picList li h4 a:hover{color:#fff;text-decoration:underline;}
.mb20{margin-bottom:20px;}

.book-sort{width:620px;margin:20px 0 20px 10px;text-align:right;}
.book-sort li {width:107px;height:22px;line-height:22px;border-right:1px solid #fff;background:#E6E6E6;color:#992927;text-align:center;position:relative;float:left;}
.book-sort li span{width:15px;height:17px;margin-top:2px;background:url(../images/button_down.gif) no-repeat;display:inline-block;float:right;}
.sortList{width:105px;border:1px solid #BD2C17;background:url(../images/sort_bg.gif);position:absolute;left:0;top:22px;}
.sortList li{width:103px;height:15px;line-height:15px;margin:3px 1px 2px;background:#fff;text-align:center;display:block;}
.sortList li.first{height:24px;line-height:24px;background:#BD2C17;color:#fff;}
.sortList li a:hover{display:block;background:url(../images/sort_libg.gif) no-repeat;color:#fff;}
.book-sort li a{color:#992927;}

.book-list{width:640px;margin-left:10px;}
.bookArea{width:300px;height:230px;padding:20px 0;margin:0 7px;display:inline;border-bottom:1px dotted #DAC7A6;overflow:hidden;float:left;}
.bookArea .pic{width:100px;margin-right:10px;float:left;}
.bookArea .pic img{border:1px solid #ccc;}
.bookArea em{font-style:normal;display:inline-block;}
.bookBuy{width:40px;height:21px;line-height:21px;padding-left:29px;background:url(../images/book_buy.gif) no-repeat;margin-right:10px;}
.bookView{width:45px;height:21px;line-height:21px;padding-left:30px;background:url(../images/book_view.gif) no-repeat;}
.bookBuy a,.bookView a{color:#fff;}

.hot-tag{border:1px solid #ccc;background:#fff;}
.hot-tag h3{height:24px;line-height:24px;background:#BD2C17;text-indent:15px;font-size:12px;color:#fff;}
.hot-tag p{padding:10px 20px;line-height:28px;}
.hot-tag a{padding:0 6px 0 5px;color:#666;}

.right-ph{width:290px;border:1px solid #ccc;background:#fff;padding:7px 5px;}
.right-ph .tab li{width:92px;height:27px;line-height:27px;margin:0 2px;text-align:center;font-weight:bold;background:#E6E6E6;color:#333;display:block;cursor:pointer;display:inline;float:left;}
.right-ph .tab li.cur{background:#999;color:#fff;display:block;}
.paiHang{padding:5px;color:#666;}
.paiHang dl{width:280px;height:20px;padding:2px 0;}
.paiHang dt{width:16px;height:16px;line-height:16px;margin-right:10px;background:url(../images/num2bg.gif) no-repeat;text-align:center;color:#333;float:left;font-weight:bold;}
.paiHang dt.red{color:#BD2C17;}
.paiHang dd{width:250px;float:left;}
.paiHang dl.first{height:100px;}
.paiHang dl.first dt{width:22px;height:22px;line-height:22px;margin-right:5px;background:url(../images/num1bg.gif) no-repeat;}
.paiHang dl.first dd img{border:1px solid #ccc;margin-right:10px;float:left;}

.popular{padding:10px;}
.popular li{width:62px;height:112px;margin:5px 15px 0;text-align:center;display:inline;float:left;position:relative;}
.popular li img{border:1px solid #ccc;}
.bookWin{width:330px;position:absolute;top:0;right:70px;text-align:left;z-index:990;}
.bookWin-top{width:330px;height:9px;background:url(../images/book_win.png) no-repeat -380px 0;overflow:hidden;}
.bookWin-con{padding:15px 10px 10px 35px;background:url(../images/book_win.png) repeat-y 0 0;}
.bookWin-con h2{font-size:12px;}
.bookWin-bot{width:330px;height:9px;background:url(../images/book_win.png) no-repeat -760px 0;overflow:hidden;}
.bookJiao{width:6px;height:11px;background:url(../images/jiao.gif) no-repeat;position:absolute;top:30px;right:65px;z-index:999;}

/* 内容页 */
.bookRow{height:28px;background:url(../images/book_dashed.gif) repeat-x left bottom;}
.bookRow-left{width:240px;padding-left:30px;background:url(../images/shuping.gif) no-repeat 10px 2px;float:left;}
.bookRow-right{width:340px;padding-left:20px;background:url(../images/fenxiang.gif) no-repeat;float:right;}
.bookRow-right img{vertical-align:middle;}

.book-intro{width:624px;margin:0 auto 10px auto;}
.bookLeft{width:470px;float:left;}
.bookLeft .pic{margin-right:10px;float:left;}
.bookLeft .pic img{border:1px solid #ccc;}
.bookLeft em{font-style:normal;display:inline-block;}
.bookRight{width:240px;margin-left:70px;display:inline;float:left;}
.bookRight li{height:12px;margin:3px 0;}
span.persent{width:100px;height:14px;background:#F5CBAD;display:inline-block;}


.book-info{background:url(../images/book_dashed.gif) repeat-x left bottom;padding-top:20px;}
.book-info .biaoTi{width:110px;float:left;}
.book-info h3{background:#F5F5F5;padding:5px;font-size:14px;color:#666;}
.book-info .zhengWen{width:530px;color:#666;float:right;}
.book-info .zhengWen p{margin-bottom:20px;}


.detail-frame { display: none }
.arrow-left { position: absolute; width: 6px; height: 9px; top: 30px; left: 0; margin-left: -6px; background: url(../images/arrow_gray.gif) no-repeat }
.arrow-right { position: absolute; width: 6px; height: 9px; top: 30px; left: 326px; background: url(../images/arrow_gray.gif) no-repeat -6px 0 }
.detail-tip { position: absolute; width: 300px; background: #fff; border: 1px solid #ddd; padding: 13px 13px 10px;word-wrap:break-word; }
.detail-tip h2 { color: #111; padding-top: 5px;font-size:16px;font-weight:normal;margin-bottom:10px; }
.detail-tip p { margin: 0 0 10px }
.detail-tip { border-color: #ddd;  }
.shadow-right { -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 2px #999; -webkit-box-shadow: 2px 2px 2px #999 }
.shadow-left { -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: -2px 2px 2px #999; -webkit-box-shadow: -2px 2px 2px #999 }

.bookRow {position:relative;}
.row-top { width:140px;}
.mybook-conWin{width:280px;left:492px;top:20px;position:absolute;}