﻿@charset "utf-8";

/* css by seaou.com;qq:3026026 */
html,body,div,ul,ol,li,dl,dd,dt,h1,h2,h3,h4,code,form,select,fieldset,input,button,textarea,p,pre,blockquote,th,td
	{
	margin: 0;
	padding: 0;
}
.w1000 { width:1000px;}
.center { margin:0px auto;}
.clear { clear:both;}
.header { position:relative;}
.logo_box { position:absolute; top:30px; left:0px;}
.text_box { position:absolute; top:77px; right:0px;}
.login_con { display:inline-block; background:url(../images/con2.png) no-repeat; height:19px; line-height:19px; padding-left:31px;}
.login_con1 {display:inline-block; background:url(../images/con1.png) no-repeat; height:19px; line-height:19px; padding-left:31px;}
body {
	font-family: Arial, "宋体", \5B8B\4F53, Tahoma, Helvetica, sans-serif;
	color: #7f8284;
	font-size: 13px;
	background: url(../images/opac_bj.jpg) repeat;
}

.clear {
	clear: both;
}

img {
	border: 0;
	border: none;
	display: inline-block;
}

select,input {
	display: inline;
	vertical-align: middle;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.no_body {
	background: none;
}

h2,h3 {
	font-size: 16px;
	color: #1380d8;
	line-height: 30px;
	padding-left: 10px;
	margin: 5px 0 5px 0;
}

h2 {
	font-size: 24px;
}

h4 {
	font-size: 14px;
	line-height: 1.5;
	color: #404243;
	font-weight: 100;
}

b {
	font-weight: 700;
	font-size: 13px;
	color: #404243;
}

ul,li {
	list-style: none;
}

a {
	outline: none
}

a:link {
	color: #404243;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: none;
}

a:visited {
	color: #7f8284;
	text-decoration: none;
}

.red,a.red {
	color: #c7340c;
}

.blue,a.blue {
	color: #0864b3;
}

a.blue:hover {
	color: #074278;
}

.y_btn,.g_btn {
	width: 70px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	margin: 0 4px 0 0;
	vertical-align: middle;
	background: url(../images/y_btn.gif) no-repeat;
}

.g_btn {
	width: 97px;
	background: url(../images/g_btn.gif) no-repeat;
}

.top_wrap {
	margin:0 auto;
  	height:113px;
  	background:url(../images/top1.jpg) repeat center;
}

.logo_box span {
	width: 300px;
	height: 104px;
	display: inline-block;
	background: url(../images/logo.png) no-repeat;
	_background: url(../images/logo.gif) no-repeat;
}

.text_box {
	height: 30px;
	text-align: right;
	vertical-align: middle;
}

.text_box span {
	margin: 0 0 0 20px;
}

.top_nav{background: url(../images/nav.jpg) repeat-x;
		height:36px;		
		position:relative;
		margin-bottom:20px;
       }
       
.top_nav ul li.main{
	float:left;
}

.top_nav ul li a {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	text-align: center;
}

		  
.top_nav ul li ul.sub_nav{
	background:#8b3320;
	width:107px;position:absolute;

						text-align:center;
						top:36px;
						z-index:100;
						display:none;

						}
			  

						 
.top_nav ul li ul.sub_nav li a{
	margin-bottom:1px; display:block; height:36px;
	width:107px; text-align:center;                        		  
			                  color:#fff;
							  font-size:12px;
							  line-height:36px;
							  background:none;
							  }
							  
.top_nav ul li ul.sub_nav li a:hover{color:#fff; background:#6b281a;}


/* 搜索，登录区域样式开始*/
.box {
	width: 812px;
	min-height: 418px;
	height: auto !important;
	_height: 418px;
	margin: 0 auto;
	background: url(../images/box_share_bg.gif) repeat-y;
}

.box .content {
	background: url(../images/search_box_bg.gif) no-repeat;
	min-height: 373px;
	height: auto !important;
	_height: 373px;
	padding: 25px 166px 0 166px;
}

.box .login_bg {
	background: url(../images/login_box_bg.gif) no-repeat;
	padding-top: 110px;
	min-height: 288px;
}

.box .bottom_bg {
	background: url(../images/box_bottom_bg.gif) no-repeat;
	height: 45px;
	font-size: 0;
}

.search_input,.common_input {
	height: 21px;
	width: 273px;
	border: 1px solid #117ed4;
	background-color: #FFF;
	line-height: 21px;
	vertical-align: middle;
}

.common_input {
	border: 1px solid #d8dbdc;
	width: 120px;
}

.search_select {
	padding: 2px;
	width: 118px;
	border: 1px solid #117ed4;
	background-color: #fff;
	color: #0a2c78;
	margin-top: 3px\9;
	height: 23px\9;
}

.w80 {
	width: 75px;
	margin-top: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.search_select {
		margin-top: 3px;
		height: 23px;
	}
	.w80 {
		margin-top: 0;
	}
}

.search_btn,.search_btn02 {
	width: 130px;
	height: 110px;
	display: inline-block;
	cursor: pointer;
	margin: 20px 0 0 160px;
	background: url(../images/search_btn.png) no-repeat;
	_background: url(../images/search_btn.gif) no-repeat;
}

.search_btn02 {
	width: 80px;
	height: 23px;
	vertical-align: middle;
	margin: 0;
	background: url(../images/search_btn02.gif) no-repeat;
}

.login_btn {
	width: 132px;
	height: 112px;
	display: inline-block;
	cursor: pointer;
	float: right;
	margin: 0 20px 0 5px;
	background: url(../images/login_btn.gif) no-repeat;
}

.box dl {
	width: 480px;
	min-height: 35px;
	height: auto !important;
	_height: 35px;
	vertical-align: middle;
}

.box dl dt {
	height: 30px;
	width: 120px;
	line-height: 30px;
	color: #404243;
	vertical-align: middle;
	display: inline-block;
	padding: 2px 0 2px 0; +
	float: left;
}

.box dl dd {
	height: 30px;
	width: 355px;
	line-height: 30px;
	vertical-align: middle;
	display: inline-block;
	height: 1%;
	padding: 2px 0 2px 0;
}

#search_option {
	
}

.option_con {
	width: 460px;
	padding: 9px;
	height: 1%;
	border: 1px solid #d8dbdc;
	border-top: none;
	background-color: #fff;
}

.option_con dl dt {
	vertical-align: top;
	padding: 4px 0 0px 0;
}

.option_con dl dd {
	width: 340px;
}

.option_con dl span {
	margin: 0 10px 0 5px;
	vertical-align: middle; +
	display: inline-block;
}

.option_con select {
	border: 1px solid #d8dbdc;
	color: #7f8284;
}

.option_title {
	height: 24px;
	width: 478px;
	line-height: 24px;
	line-height: 25px\9;
	vertical-align: middle;
	color: #404243;
	text-indent: 10px;
	border: 1px solid #d8dbdc;
	background-color: #fff;
	margin-top: 10px;
	cursor: pointer;
}

.option_title span {
	width: 14px;
	height: 14px;
	vertical-align: middle;
	display: inline-block;
	float: right;
	margin: 5px 10px 0 0;
	background: url(../images/arrow.gif) no-repeat;
}

.option_con dl.login {
	width: 300px;
}

.option_con dl.login dt {
	width: 70px;
}

.option_con dl.login dd {
	width: 225px;
}

.option_con dl.login .common_input {
	width: 190px;
}

.option_con dd.w460 {
	width: 460px;
	font-size: 12px;
}

.option_con dd.w460 span {
	width: 140px;
	display: inline-block;
	margin: 0 3px 0 3px;
}

.option_con dd.w460 b {
	font-family: "宋体", \5B8B\4F53;
}

.option_con dd.w460 p {
	line-height: 1.5;
	margin: 10px 0 5px 0;
}

#search_option .current {
	font-weight: 700;
	background: url(../images/title_bg.gif) repeat-x;
}

#search_option .current span {
	background: url(../images/arrow_close.gif) no-repeat;
}

/* 搜索，登录区域样式结束*/ /* 左侧导航样式开始*/
.big_wrap {
	width: 980px;
	margin: 0 auto;
	min-height: 600px;
	height: auto;
	_height: 600px;
	height: 1%;
}

.main_wrap{width:770px;
           min-height:700px;
		
		   height:700px;

		   float:left;
		  }

.left_wrap {
	width: 200px;
	min-height: 700px;
	height: auto !important;
	_height: 700px;
	float: left;
	background: url(../images/left_wrap_bg.gif) repeat-y;
	margin-right: 10px;
}

.left_wrap .head_title {
	height: 30px;
	padding: 18px 10px 0 10px;
	font-size: 16px;
	line-height: 30px;
	font-weight: 700;
	color: #404243;
	background: url(../images/left_wrap_head.gif) no-repeat;
}

.left_wrap .bottom_bg {
	background: url(../images/left_wrap_bottom_bg.gif) left bottom no-repeat
		;
	height: 5px;
	font-size: 0;
}

.left_wrap .search_area {
	min-height: 60px;
	height: auto !important;
	_height: 60px;
	margin: 5px;
	padding: 5px;
	text-align: center;
	background-color: #FFF;
}

.search_area select,.search_area .search_input {
	border: 1px solid #b8bcbd;
	width: 174px;
}

.search_area span {
	padding: 0 0 5px 0;
	display: inline-block;
	vertical-align: middle; +
	float: left; +
	line-height: 28px;
}

.left_nav {
	padding: 5px 0 5px 0;
	min-height: 542px;
	height: auto !important;
	_height: 542px;
}

.left_nav .title {
	height: 35px;
	line-height: 35px;
	font-size: 15px;
	color: #404243;
	cursor: pointer;
	padding-left: 38px;
	margin: 5px 0 5px 0;
	vertical-align: middle;
	font-weight: 700;
	background: url(../images/left_nav_bg_current.gif) no-repeat;
}

.left_nav .current {
	font-weight: 700;
	background: url(../images/left_nav_bg_current.gif) no-repeat;
}

.left_nav ul {
	padding: 5px 0 5px 28px;
}

.left_nav ul li {
	width: 250px;
	height: 25px;
	line-height: 25px;
	margin-bottom: 1px;
	padding-left: 10px;
	background: url(../images/left_sub_nav_bg.gif) no-repeat;
}

.left_nav ul li em {
	margin: 0 10px 0 10px;
}

.left_nav ul li a {
	color: #404243;
}

.left_nav ul li a:hover {
	color: #000;
}

.books_nav {
	padding: 5px 10px 5px 10px;
	min-height: 640px;
	height: auto !important;
	_height: 640px;
}

.books_nav ul {
	background-color: #fff;
	min-height: 640px;
	height: auto !important;
	_height: 640px;
}

.books_nav ul li {
	height: 28px;
	line-height: 28px;
	margin: 5px 0 5px 0;
	padding-left: 10px;
	border-bottom: 1px solid #e3e7e8;
}

.books_nav ul li b {
	margin: 0 10px 0 0;
}

.books_nav ul li em {
	margin: 0 0 0 5px;
}

.books_nav ul li span {
	background-color: #c7340c;
	padding: 2px 5px 2px 5px;
	color: #fff;
}

.books_nav ul li span a,.books_nav ul li span b {
	color: #fff;
	font-weight: 700;
}

.tree_wrap {
	height: 630px;
	padding: 0 5px 0 5px;
	color: #404243;
}

.tree_wrap .con {
	background-color: #fff;
	height: 618px;
	padding: 5px;
	overflow: auto;
	overflow-y: scroll;
}

.ndetailsClass {
	padding: 20px 20px;
	text-align: center;
	color: #0748a9;
	line-height: 30px;
}

.ndetailsClass h2 {
	margin: 20px 0 10px 0;
	font-size: 28px;
	line-height: 50px;
	border-bottom: 1px solid #deedff
}

.ndetailsClass h3 {
	padding-bottom: 15px;
}

.ndetailsClass h3 font {
	font-size: 12px;
	padding: 10px;
	font-weight: normal;
}

.ndetailsClass p {
	text-align: left;
	font-size: 14px;
	color: #3e3e3e;
	margin-top: 5px;
	text-indent: 30px;
}

/* 左侧导航样式结束*/ /* 内容列表样式开始*/
.key_info {
	height: 35px;
	font-size: 14px;
	line-height: 35px;
	padding: 0 0 0 15px;
	vertical-align: middle;
}

.key_info em {
	color: #e0600b;
	font-weight: 700;
	font-style: normal;
	margin-right: 10px;
}

.key_info select {
	padding: 2px;
	width: 80px;
	border: 1px solid #b8bcbd;
	color: #404243;
	height: 23px\9;
}

.key_info .search_input {
	border: 1px solid #b8bcbd;
	width: 130px;
}

.key_info span {
	margin: 0 5px 0 5px;
}

.sort_box {
	float: right;
}

.page_wrap {
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	padding-left: 10px;
	vertical-align: middle;
}

.page_wrap span {
	margin: 0 0px 0 10px;
}

.page_bar span {
	display: inline-block;
	margin: 0 2px 0 2px;
}

.page_bar {
	width: 550px;
	float: right;
	text-align: right;
}

.page_bar a {
	color: #404243;
}

.page_bar a:hover {
	color: #000;
}

.list_type01,.list_type02,.num {
	width: 26px;
	height: 25px;
	color: #404243;
	cursor: pointer;
	line-height: 25px;
	text-align: center;
	vertical-align: middle;
	background: url(../images/list_type01.gif) no-repeat;
}

.num {
	background: url(../images/num_btn.gif) no-repeat;
}

.pageSubmit{
	border:none;
	background: url(../images/num_btn.gif) no-repeat;
	width:26px;
	height:25px;
}

.pre_btn,.next_btn {
	width: 70px;
	height: 25px;
	color: #404243;
	cursor: pointer;
	line-height: 25px;
	text-align: center;
	vertical-align: middle;
	background: url(../images/page_btn.gif) no-repeat;
}

.list_type02 {
	background: url(../images/list_type02.gif) no-repeat;
}

.list_item {
	min-height: 128px;
	height: auto !important;
	_height: 128px;
	padding: 15px 10px 0 10px;
	clear: both;
	background: url(../images/list_bg.gif) left 133px no-repeat;
}

.list_item .pic {
	width: 90px;
	height: 128px;
	padding: 0 10px 0 10px;
	background: url(../images/book_bg.png) top center no-repeat;
	float: left;
}

.list_item .info {
	width: 460px;
	height: 99px;
	padding: 0 10px 0 20px;
	float: left;
}

.list_item .info h4 {
	margin: 0 0 5px 0;
}

.list_item .info h4 span {
	margin: 0 5px 0 15px;
}

.list_item .info p {
	margin: 8px 0 0 0;
}

.list_item .info p span {
	margin: 0 15px 0 0;
}

.list_item .info p em {
	font-style: normal;
	margin-right: 5px;
	color: #646768;
}

.list_item .tips {
	width: 110px;
	height: 80px;
	padding: 5px 10px 5px 10px;
	float: right;
	border: 1px solid #d8dcdc;
	background: url(../images/tips_bg.gif) repeat-x;
}

.tips p {
	margin: 5px 0 10px 0;
}

.tips p span {
	margin-right: 5px;
}

.dang_icon,.jd_icon,.amazon_icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	font-size: 0;
	cursor: pointer;
	background: url(../images/dang_icon.gif) no-repeat;
}

.jd_icon {
	background: url(../images/jd_icon.gif) no-repeat;
}

.amazon_icon {
	background: url(../images/amazon_icon.gif) no-repeat;
}

.list_item .tabs_box {
	width: 500px;
	min-height: 29px;
	height: auto !important;
	_height: 29px;
	float: left;
}

.tabs_box ul {
	width: 500px;
	height: 29px;
	overflow: hidden;
	position: relative;
}

.tabs_box ul li {
	margin: 0 5px 0 10px;
	float: left;
	height: 29px;
}

.tabs_box>ul>li a {
	display: inline-block;
	width: 80px;
	height: 29px;
	color: #646768;
	line-height: 25px;
	text-align: center;
	background: url(../images/list_tab_bg.gif) left bottom no-repeat; +
	star: expression(this.onFocus = this.blur () );
}

.tabs_box>ul>li a.current {
	display: inline-block;
	background: url(../images/list_tab_bg_current.gif) left bottom no-repeat
		;
	color: #404243;
	width: 80px;
	height: 29px;
	line-height: 27px;
	font-weight: 700;
}

.tabs_box .tabs_con {
	height: 220px;
	width: 770px;
	margin-left: -120px;
	background-color: fff;
	overflow: hidden;
	display: none;
	border-bottom: 1px solid #e3e4e4;
}

.tabs_con .con {
	height: 170px;
	width: 750px;
	padding: 10px;
	overflow: auto;
	overflow-x: hidden;
	background-color: #FFF;
}

.tabs_con .con p {
	margin: 2px 0 2px 0;
	line-height: 24px;
	border-bottom: 1px solid #e8eaea;
}

.tabs_con .con p span {
	color: #404243;
	margin: 0 10px 0 0;
	width: 100px;
	display: inline-block;
	padding-left: 5px;
}

.tabs_con .title {
	height: 30px;
	color: #404243;
	line-height: 31px;
	padding-left: 10px;
	font-weight: 700;
	overflow: hidden;
	background: url(../images/list_sub_tab_bg.gif) left bottom repeat-x;
}

/*馆藏信息TAB切换区样式*/
.list_sub_tabs ,.list_sub_tabs_check{
	height: 220px;
	width: 770px;
}

/** 修改兼容多分馆显示 */
.list_sub_tabs>ul,.list_sub_tabs_check>ul {
	height: auto !important;
	width: 760px;
	color: #404243;
	padding-left: 10px;
	background: url(../images/list_sub_tab_bg.gif) left bottom repeat;
	overflow: hidden;
}

.list_sub_tabs>ul>li,.list_sub_tabs_check>ul>li {
	margin: 5px 10px 0 10px;
	float: left;
	height: 25px;
	overflow: hidden;
}

.list_sub_tabs>ul>li>a ,.list_sub_tabs_check>ul>li>a{
	display: inline-block;
	min-width: 70px;
	width: auto !important;
	_width: 70px;
	height: 25px;
	color: #404243;
	text-align: center;
	background: none;
	padding: 0 5px 5px;
	line-height: 25px; +
	star: expression(this.onFocus = this.blur () );
}

.list_sub_tabs>ul>li>a.current1,.list_sub_tabs_check>ul>li>a.current1{
	color: #000;
	font-weight: 100;
	background-image: none;
	background-color: #fff;
}

.list_sub_tabs .sub_con ,.list_sub_tabs_check .sub_con {
	height: 190px;
	width: 770px;
	overflow: auto;
	display: none;
	overflow-x: hidden;
	background-color: #FFF;
}

.listCheck_sub_tabs .sub_con {
	height: 190px;
	width: 770px;
	overflow: auto;
	overflow-x: hidden;
}

.detailCheck_sub_tabs .sub_con {
	height: 300px;
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
}

.sub_con table {
	width: 100%;
}

.sub_con table th {
	height: 35px;
	line-height: 37px;
	overflow: hidden;
	color: #404243;
	font-weight: 100;
	text-align: left;
	padding-left: 5px;
	background: url(../images/list_sub_tab_title.gif) repeat-x;
}

.sub_con table td {
	height: 24px;
	line-height: 25px;
	vertical-align: middle;
	padding-left: 5px;
	font-size: 12px;
	border-bottom: 1px solid #e8eaea;
}

.tipPanel {
	background: white;
	width: 650px;
	border: solid 3px #C9D9EE;
}

.tipPanel table {
	width: 100%;
}

.tipPanel table th {
	height: 35px;
	line-height: 37px;
	overflow: hidden;
	color: #404243;
	font-weight: 100;
	text-align: left;
	padding-left: 5px;
	background: url(../images/list_sub_tab_title.gif) repeat-x;
}

.tipPanel table td {
	height: 24px;
	line-height: 25px;
	vertical-align: middle;
	padding-left: 5px;
	font-size: 12px;
	border-bottom: 1px solid #e8eaea;
}

.tabs_con .con .review {
	height: 90px;
	margin: 5px 0 10px 0;
}

.review h4 {
	font-size: 14px;
	line-height: 1.5;
	color: #404243;
}

.review h4 span {
	float: right;
	font-size: 13px;
}

.review h4 em {
	color: #7f8284;
}

.review p {
	padding: 5px 10px;
	height: 50px;
	overflow: hidden;
	font-size: 12px;
	color: #7f8284;
	border: 1px solid #e8eaea;
}

.tabs_con .con .write_text {
	width: 950px;
	height: 100px;
	border: 1px solid #d8dbdc;
	margin: 5px 10px;
}

.tabs_con .con .y_btn {
	width: 70px;
	height: 25px;
	text-align: center;
	padding: 0;
	color: #fff;
	margin: -5px 5px 5px 5px;
	float: right;
}

.tabs_con .con select {
	border: 1px solid #d8dbdc;
	color: #7f8284;
}

#book_detail .tabs_con,.book_detail .list_sub_tabs {
	height: 380px;
}

#book_detail .tabs_con .con {
	height: 330px;
}

#book_detail .list_sub_tabs .sub_con ,#book_detail .list_sub_tabs_check .sub_con {
	height: 350px;
}

/*表格，期刊，荐购页样式*/
.table_list {
	margin: 10px 0 10px 0;
	width: 100%;
}

.table_list th {
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	color: #074278;
	text-align: left;
	padding-left: 5px;
	font-size: 14px;
	font-weight: 100;
	background: url(../images/table_titlebg02.gif) repeat-x;
}

.table_list td {
	height: 25px;
	line-height: 1.5;
	padding: 2px 0 2px 5px;
	font-size: 12px;
	vertical-align: middle;
	border-bottom: 1px solid #e0f2f8;
}

.table_list td em {
	color: #0871ad;
	font-size: 14px;
	font-weight: 700;
	font-style: normal;
}

.table_list td span {
	margin-left: 5px;
}

.table_list td b {
	margin-right: 5px;
	font-weight: 100;
}

.table_list a.blue {
	font-size: 13px;
	display: inline-block;
	margin: 2px 0 3px 0;
}

.zine_nav {
	height: 30px;
	vertical-align: middle;
	padding-left: 10px;
	background: url(../images/table_titlebg.gif) repeat-x;
}

.zine_nav li {
	float: left;
	margin: 4px 5px 0 5px;
}

.zine_nav li a {
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	padding: 1px 5px;
	color: #1381d8;
	vertical-align: middle;
	background-color: #c8effd;
	border: 1px solid #fff;
}

.zine_nav li a:hover {
	background-color: #fff;
	color: #074278;
}

.zine_date {
	width: 190px;
	height: 430px;
	float: left;
	margin-top: 1px;
	padding: 10px;
	overflow: hidden;
	background: #e6e7e7 url(../images/list_sub_tab_bg.gif) left top repeat-x
		;
}

.list_sub_tabs .sub_con .zine_date,.list_sub_tabs_check .sub_con .zine_date {
	width: 170px;
}

.scroll_box {
	height: 430px;
	overflow: auto;
	overflow-x: hidden;
}

.zine_date .title {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	padding-left: 10px;
	color: #074278;
	cursor: pointer;
	margin-top: 5px;
	background: #e6e7e7 url(../images/table_titlebg.gif) left top repeat-x;
}

.zine_date .current {
	font-weight: 700;
}

.zine_date ul,.zine_date dl {
	background-color: #fff;
}

.list_sub_tabs .zine_date ul ,.list_sub_tabs_check .zine_date ul{
	height: auto !important;
	padding: 0;
}

.zine_date ul li,.zine_date dl dd {
	margin: 0 0 5px 0;
	padding-left: 10px;
	border-bottom: 1px solid #e6e7e7;
}

.list_sub_tabs .zine_date ul li ,.list_sub_tabs_check .zine_date ul li{
	float: none;
}

.zine_date ul li a,.zine_date dl dd a {
	height: 24px;
	line-height: 24px;
	color: #0864b3;
}

.list_sub_tabs .zine_date ul li a ,.list_sub_tabs_check .zine_date ul li a{
	width: 190px;
}

.zine_date ul li a:hover {
	color: #074278;
}

a.blue:hover {
	color: #074278;
}

.zine_con {
	width: 760px;
	height: 430px;
	float: left;
	margin-top: 1px;
	overflow: hidden;
	padding: 10px 10px 10px 0;
	background: #e6e7e7 url(../images/list_sub_tab_bg.gif) left top repeat-x
		;
}

.zine_con table {
	background-color: #fff;
	width: 100%;
	margin-top: 5px;
}

#book_detail .zine_con {
	height: auto !important;
	overflow: visible;
}

.zine_con table td {
	height: 25px;
	line-height: 25px;
	padding-left: 10px;
	padding: 2px 0 2px 10px;
	border-right: 1px solid #e6e7e7;
}

.reason_box {
	width: 780px;
	height: 400px;
	padding: 10px;
	margin: 0 auto;
	border: 1px solid #d8dbdc;
	background: url(../images/zine_books.gif) center bottom no-repeat;
}

.reason_box .common_input {
	width: 180px;
}

.reason_box table {
	background-color: #f7f7f7;
}

.reason_box th {
	background-image: none;
	background-color: #e8eaea;
	padding-left: 10px;
	color: #404243;
	font-size: 13px;
	border-bottom: 1px solid #fff;
}

.reason_box h3 span {
	float: right;
}

.reason_box td {
	border: none;
	height: 27px;
	line-height: 27px;
	border-bottom: 1px solid #f4f7f8;
}

.reason_box .write_text {
	width: 370px;
	height: 180px;
	border: 1px solid #d8dbdc;
}

.footer {
	border-top: 1px solid #e7e8e8;
	width: 980px;
	height: 70px;
	font-size: 12px;
	margin: 0 auto;
	margin-top: 20px;
}

.footer p {
	text-align: center;
	margin: 10px 0 2px 0;
}

/*扩展CSS*/
.w30{min-width:30px;
	width:30px;
	}  

.w300 {
	width: 300px;
	background: url(../images/left_wrap_bg02.gif) repeat-y;
}

.w300 .head_title {
	background: url(../images/left_wrap_head02.gif) no-repeat;
}

.w300 .bottom_bg {
	background: url(../images/left_wrap_bottom_bg02.gif) left bottom
		no-repeat;
}

.w300 .search_area {
	height: 65px;
}

.w300 .search_area span { +
	padding: 0 8px 5px 0;
}

.w670 {
	width: 670px;
}

.w670 .list_item {
	background: url(../images/list_bg03.gif) left 133px no-repeat;
}

.w670 .page_wrap .page_bar {
	width: 450px;
}

.w670 .list_item .info {
	width: 510px;
}

.w670 .list_sub_tabs ,.w670 .list_sub_tabs_check{
	width: 670px;
}

.w670 .tabs_box .tabs_con {
	width: 670px;
}

.w670 .tabs_con .con {
	width: 650px;
}

.w670 .list_sub_tabs .sub_con,.w670 .list_sub_tabs_check .sub_con  {
	width: 670px;
}

.w980 {
	min-height: 308px;
	height: auto !important;
	_height: 308px;
	width: 960px;
	background: url(../images/list_bg02.gif) left 313px no-repeat;
}

.w980 .pic {
	width: 220px;
	height: 308px;
	background: url(../images/big_book_bg.png) top center no-repeat;
}

.w980 .info {
	width: 650px;
	height: 306px;
	padding-left: 30px;
}

.w980 .list_sub_tabs,.w980 .list_sub_tabs .sub_con,.w980 .tabs_box .tabs_con,.w980 .list_sub_tabs_check,.w980 .list_sub_tabs_check .sub_con
	{
	width: 980px;
}

.w980 .tabs_box,.w980 .tabs_box ul {
	width: 720px;
}

.w980 .tabs_con .con {
	width: 960px;
}

.w980 .tabs_box .tabs_con {
	margin-left: -250px;
}

.w980 .tabs_box .list_sub_tabs ul ,.w980 .tabs_box .list_sub_tabs_check ul{
	width: 970px
}

.w980 .info h4 {
	font-size: 18px;
	font-weight: 700;
}

.w980 .info span {
	color: #404243;
	width: 100px;
	display: inline-block;
	vertical-align: middle;
}

.w980 .info p.line {
	border: 1px solid #e8eaea;
	padding: 5px;
	min-height: 40px;
	font-size: 12px;
}

.w980 .info b {
	color: #e0600b;
}

.w980 .info a.icon {
	height: 20px;
	display: inline-block;
	margin: 0 10px 0 10px;
	vertical-align: middle;
}

.h70,.w670 .h70 {
	min-height: 65px;
	height: auto !important;
	_height: 65px;
	background: url(../images/list_bg.gif) left 70px no-repeat;
}

.w670 .h70 {
	background: url(../images/list_bg03.gif) left 70px no-repeat;
}

.h70 .tips {
	height: 52px;
	width: 100px;
	margin-top: -5px;
}

.h70 .info h4 {
	font-size: 15px;
}

.h70 .info h4 span {
	font-size: 13px;
	color: #7f8284;
}

.h70 .info {
	height: 60px;
	padding: 0 10px 0 10px;
	width: 580px;
}

.w670 .h70 .info {
	width: 630px;
}

.book_mark {
	width: 30px;
	height: 25px;
	position: absolute;
	right: 10px;
	top: 0;
	cursor: pointer;
	background: url(../images/mark.gif) no-repeat;
}



/*新加提示样式*/

.help-tip{
	text-align: center;
    width: 15px;
    height: 15px;
    font-size: 14px;
    line-height: 15px;
    text-indent: 1px;
    margin-top: 5px;
    background: url(../images/icon.png) 2px 2px no-repeat;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.help-tip:before{
	/*content:'!';
	font-weight: bold;
	color:#fff;*/
}

.help-tip:hover p{
	display:block;
	transform-origin: 100% 0%;
	-webkit-animation: fadeIn 0.3s ease-in-out;
	animation: fadeIn 0.3s ease-in-out;
	margin-top:20px;

}

.help-tip p{
	display: none;
	text-align: left;
	background-color: #3598cf;
	padding: 10px;
	position: absolute;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	width:200px;
	z-index:999;
}

.help-tip p:before{
	position: absolute;
	content: '';
	width:0;
	height: 0;
	border:6px solid transparent;
	border-bottom-color:#3598cf;
	top:-12px;
	left:2px;
}

.help-tip p:after{
	width:100%;
	height:40px;
	content:'';
	position: absolute;
	top:-40px;
	left:0;
}

@-webkit-keyframes fadeIn {
	0% { 
		opacity:0; 
		transform: scale(0.6);
	}

	100% {
		opacity:100%;
		transform: scale(1);
	}
}

@keyframes fadeIn {
	0% { opacity:0; }
	100% { opacity:100%; }
}