@import url('base.css');

.navigate{
	width:240px;
	float: left;
	background:#f3f3f3;
	min-height: 1055px;
}
.navigate .top{
	height:45px;
	background: url(../images/widget.png) -112px -119px no-repeat;
}

.navigate ul li{
	height: 45px;
	line-height: 45px;
	display: block;
	margin:1px 0 1px 0;
	padding-left: 50px;
	background: #de0025;
}
.navigate ul li a{
	display: block;
	line-height: 45px;
	font-size: 18px;
	color: #fff;
}
.navigate ul li a:hover{
	text-decoration: none;
}
.navigate .current,.navigate ul li:hover{
	background: #b85300 url(../images/white_bg.png) 20px no-repeat;
}

.detail{
        font-family: "宋体";
       	width:730px;
       	float: right;
        font-size:16px;
        line-height: 40px;
}


.detail span{
	color: #666;
	padding-left:10px;
	display: block;
	float: left;
}
.detail span u{
	float: left;
	display: block;
	width: 10px;
	height: 14px;
	background: url(../images/widget.png) -308px -46px no-repeat;
}
.detail .title{
	height:70px;
	border-bottom:1px solid #de0025;
}
.detail .title h1{
	line-height: 70px;
	font-size: 20px;
	text-align: center;
	color: #de0025;
}
.detail_center{
	padding:20px 0 20px 0;
	line-height: 24px;
	font-size: 16px;
}
.detail_center .de_title{
	color:#b85300;
	margin-top:20px;
}
.detail_center ul li a{
	color: #b85300;
}
.detail_center li{
	padding-left:25px;
	background:url(../images/dian_h.gif) 10px 12px no-repeat;
}
.detail_center .Avatar{
	text-align: center;
}
.detail_center p{
	font-size: 13.5pt;
}



/**杂志*/
.top_zine{
	height:236px;
	width: 1000px;
	position: relative;
	border:1px solid #ccc;
	float: left;
}
.Issue{
	float: right;
	position: relative;
	top: 0;
	right: 0;
	width: 65px;
	height: 70px;
	display: block;
	background: url(../images/widget.png) -417px -50px no-repeat;
	z-index: 2;
}

.zine_desc{
	padding: 20px;
}
.zine_desc img{
	float: left;
}
.zine_desc p{
	display: block;
	font-family: "宋体";
	line-height: 21px;
	width: 806px;
	height: 185px;
	float: left;
	margin-left: 10px;
	overflow:hidden;  
	text-overflow:ellipsis; /* for IE */ 
	-o-text-overflow: ellipsis; /* for Opera */ 
	-icab-text-overflow: ellipsis; /* for iCab */ 
	-khtml-text-overflow: ellipsis; /* for Konqueror Safari */ 
	-moz-text-overflow: ellipsis; /* for Firefox,mozilla */ 
	-webkit-text-overflow: ellipsis; /* for Safari,Swift*/
}
.zine_desc p span{
	color:#b85300;
	font-family: "宋体";
	display: block;
	line-height: 22px;
}
.list_all{
	width: 100%;
	height: 862px;
	margin-top: 10px;
	float: left;
}
.list_all .left_list{
	float: left;
	width: 300px;
}
.list_all .right_list{
	float: right;
	border:1px solid #ccc;
	width:690px;
}
.left_list .h2{
	height:28px;
	background: url(../images/head_bg.jpg) repeat-x;
}
.left_list .h2 h2{
	font-size: 14px;
	color: #ffc000;
	line-height: 28px;
	padding-left: 10px;
}
.left_list .lists{
	border:1px solid #ccc;
	padding: 10px;
}
.left_list .lists ul li {
	line-height: 24px;
	padding-left: 20px;
	background: url(../images/dian_a.gif) 5px 10px no-repeat;
}
.left_list .lists ul li {
	max-width: 250px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}
.right_list{
	height: 862px;
}
.right_list .head{
	width: 100%;
	height: 34px;
	border-bottom: 1px solid #C6C6C6;
	background: url(../images/head.gif) repeat-x;
}
.right_list .head .h2 h2 {
	float: left;
	line-height: 34px;
	font-size: 14px;
	color: #000;
	margin-left: 10px;
}
.right_list .pic_lists ul{
	border-bottom: 1px dashed #ccc;
	float: left;
	padding-bottom: 20px;
	margin-bottom: 10px;
}
.right_list .pic_lists li p{
	text-align: center;
	line-height: 24px;
}
.right_list .pic_lists li{
	margin: 20px 0 0 23px;
	float: left;
}
.zines{
	width: 650px;
	height: 110px;
	float: left;
	margin:25px 15px 5px 15px;
}
.zines img{
	float: left;
}
.zines span{
	color:#b85300;
	display: block;
	font-size: 14px;
	line-height: 24px;
}
.zines dl{
	float: left;
	display: block;
	padding-left: 10px;
}
.zines dl dt{
	line-height: 20px;
	padding-left: 25px;
	background: url(../images/dian_h.gif) 10px 12px no-repeat;
}

#showZine{
	position: absolute;
	width:1500px;
	height: 800px;
	z-index: 10;
	top:10%;
	left:50%;
	margin-left: -1500px;
	display: none;
}

#close{
	display: none;
	
	
	width: 50px;
	height: 50px;
	background: #ccc;
	cursor: pointer;
	-webkit-box-shadow: inset 0 1px 2px white;
	border-left: 1px solid rgba(34, 25, 25, 0.15);
	box-shadow: inset 0 1px 2px white;
	background: -webkit-linear-gradient(#FFFCFC, #F0EDED);
}
#close{
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	text-shadow: 0 -1px #BBB,0 1px white;
	color: #E3E1E1;
	font-weight: 600;
	z-index: 600;
}
.signature{
	float: right;
	position: relative;
	top: 0;
	margin-top:-15px;
	right: 0;
	display: block;
	z-index: 2;
}
#javascript{
position: absolute;
	z-index: 10;
	
}