﻿/*Frist Content*/
#content{clear:both; margin:0 auto; padding:0; width:980px; text-align:center;}
#leftbox{margin:0 auto; padding:0; width:201px; float:left; display:inline; min-height:800px; background-color:#F1F8DD;}
*html #leftbox{ margin-right:-3px;}
#leftbox .title{ height:35px; background:url(/images/comment/leftbox_top.jpg) no-repeat center center;}
#leftbox .subindex{height:39px; text-align:left; background:url(/images/comment/leftbox_index_bg.gif) no-repeat center center;}
#leftbox .subindex a{ float:none; height:29px; width:201px; font-weight:bold; color:#484848; padding:15px 0 0 35px; line-height:29px;}
#leftbox .submenu{height:29px; width:201px; text-align:left; background:url(/images/comment/leftbox_ul_bg.gif) no-repeat center center;}
#leftbox .submenu a{float:none; height:29px; font-weight:bold; color:#7A9334; padding:15px 0 0 35px; line-height:29px;}
#leftbox ul{ width:201px; text-align:center; margin:0 auto; padding:0;}
#leftbox ul li{ width:201px; background: url("/images/comment/leftbox_li_bg.gif") no-repeat center center; text-align:left; height: 29px;}
#leftbox ul li a{display: block; line-height: 29px; padding:0 0 0 50px;}
#leftbox ul li a:active,#leftbox ul li a:hover{color:#7A9334;}
#leftbox ul li .current{color:#7A9334;}

#rightbox{margin:0 auto; padding:0; width:770px; float:right; min-height:400px;}
#rightbox .title{ height:35px;text-align:left; background:url(/images/comment/right_title_bg.gif) repeat-x center center;}
#rightbox .title .current{float:left; font-weight:bold; color:#3E3E3E; height:35px; padding-top:3px; text-align:left; line-height:35px;}
#rightbox #conbox img{text-align:center;}
#rightbox img{ float:left; vertical-align:middle; text-align:center;}
#rightbox .title span{ float:right; padding:0 15px; font-weight:normal; line-height:35px; color:#3E3E3E; padding-top:5px; text-align:right;}
#conbox{clear:both; width:760px; margin:10px auto; padding:0; text-align:center;}
#conbox ul{ width:760px; text-align:center; margin:15px auto; padding:0;}
#conbox ul li{ width:253px; height:143px; text-align:left; float:left; display:inline;}
#conbox ul li .imgs{ width:100px; text-align:center; float:left; display:inline; border:0;}
#conbox ul li .imgs a img{ text-align:center; border:0; display: block; width:95px; height:124px;}
#conbox ul li .bookinfo{display:inline; float:left; width:150px;}
#conbox ul li .bookinfo label a{ height: 21px;line-height: 180%; text-indent:0.5em; width:150px; display:block; font-weight:bold; overflow:hidden;}
#conbox ul li .bookinfo p{height: 21px;line-height: 180%; text-indent:0.5em; width:150px;}
#conbox ul li .bookinfo p a{width:140px; margin:0 auto; padding:0 7px;}
#conbox ul li .bookinfo p a img{padding:0 7px; text-align:center;}


#conbox .detalimg{ margin:0 auto; padding:0 15px; width:150px; text-align:center; float:left; display:inline; border:0;}
#conbox .detalimg a img{ text-align:center; border:0; display: block; width:120px; height:200px;}
#conbox .detailinfo{display:inline; float:left; width:500px; text-align:left;}
#conbox .detailinfo th{width:80px; text-align:right; font-weight:300; height:22px;}
#conbox .detailinfo td{width:170px; text-align:left; text-indent:10px;}
#gobuy{background-color: #FFF8E7;border: 1px solid #FFEFD2;margin-top: 14px;padding: 16px 5px 17px 0px; width: 352px;}
#gobuy .num{padding: 5px 5px 15px 10px;width: 352px;}
#gobuy .num input{ width:30px;}
#gobuy .subbut{width: 352px; text-align:center; margin:0 auto; padding:0;padding: 0px 5px 10px 30px;}
#gobuy .subbut input{ width:30px;}
#conbox .detailinfo p{height: 21px;line-height: 180%; text-indent:0.5em; width:580px;}
#conbox .detailinfo p a{width:580px; margin:0 auto; padding:0 7px;}
#conbox .detailinfo p a img{padding:0 7px; text-align:center;}

#expconbox{clear:both; width:760px; margin:10px auto; padding:0; text-align:center;}

#TabTab03Con1{width:731px;line-height:20px; text-align:left;}
#TabTab03Con2{width:731px;line-height:20px;}

.xixi1{width:731px;height:40px;line-height:40px;background-image:url(/images/book/tab_01.jpg);cursor:pointer;}
.xixi2{width:731px;height:40px;line-height:40px;background-image:url(/images/book/tab_02.jpg);cursor:pointer;}

.tab1{width:103px;height:40px;line-height:40px;float:left;text-align:center;cursor:pointer;color:#FFFFFF;}
.tab2{width:140px;height:40px;line-height:40px;float:left;text-align:center;cursor:pointer;}
#TabTab03Con1 p{ text-align:left; text-indent:2em; line-height:18px; margin:0px; padding:0;}


.pro_rating {
	padding:7px 0 0 0;
	float:left; 
	display:inline;
	height:21px;
	overflow:hidden;
}
.rating{
	width:76px;
	height:14px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(../images/book/star03.gif) no-repeat 0 0;
}
.nostar {background-position:0 0}
.onestar {background-position:0 -14px}
.twostar {background-position:0 -28px}
.threestar {background-position:0 -42px}
.fourstar {background-position:0 -56px}
.fivestar {background-position:0 -70px}
ul.rating li {
	cursor: pointer;
	float:left;
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:14px;
	height:14px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:15px;}
ul.rating li.three a {left:30px;}
ul.rating li.four a {left:45px;}
ul.rating li.five a {left:60px;}
ul.rating li a:hover {
	z-index:2;
	width:76px;
	height:14px;
	overflow:hidden;
	left:0;	
	background: url(../images/book/star03.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -84px;}
ul.rating li.two a:hover {background-position:0 -98px;}
ul.rating li.three a:hover {background-position:0 -112px}
ul.rating li.four a:hover {background-position:0 -126px}
ul.rating li.five a:hover {background-position:0 -140px}


#TabTab03Con2{width:730px;line-height:20px;}
#disbox{margin:0 auto; padding:0; width:720px; text-align:center; }
#disbox .dislisttitle{width:700px;line-height:20px; height:30px; padding:2px 10px; background-color:#F3F3F3;}
#disbox .dislisttitle div{width:220px;line-height:26px; height:26px; float:left; display:inline; background-color:#F3F3F3;}
#disbox .dislisttitle div img{ vertical-align:middle;}
#disbox ul{ width:700px;}
#disbox ul li{ width:700px;}
#disbox ul li .starts{ background-color:#F3F3F3; height:26px; text-align:left; text-indent:1em; line-height:28px; margin:5px auto;}
#disbox ul li .starts lable{font-size:14px; text-align:left; padding-right:30px;}
#disbox ul li .starts span{text-align:left;}
#disbox ul li p{text-align:left; line-height:18px; margin:5px auto; padding-left:20px;}
#disbox ul li p span{ float:right;}
#disbox h4{ background-color:#F3F3F3; height:26px; font-size:14px; text-align:left; text-indent:1em; line-height:28px; margin:5px auto;}
#disbox table{margin:0 auto; padding:10px 5px; width:700px; text-align:center; line-height:25px;}
#disbox table th{margin:0 auto; text-align:right; width:100px; padding:0; font-weight:normal; min-height:25px;}
#disbox table td{margin:0 auto; text-align:left;  padding-left:10px;}

#TabTab03Con3{width:731px;line-height:20px;}


/*searchbox*/
#searchbox{ clear:both; margin:10px auto; padding:0; width:536px; height:268px; text-align:center; background:url(/images/book/search_bg.gif) no-repeat center center;}
#searchbox table{ margin-top:30px; line-height:26px;}
#searchbox th{width:160px; height:30px; text-align:right;}
#searchbox td{width:360px; height:30px; text-align:left;}
#searchbox td input{width:200px; height:18px; text-align:left;}
#searchbox td select{width:200px; height:24px; text-align:center;}