﻿/* CSS Document */
img { border: 0;}
form,h1,h2,h3,h4,h5,h6,ul,ol{ margin:0; padding:0;}
body{height:100%; margin:0 auto; font:"宋体", Verdana,; color:#000; font-size:12px;}
*{ margin:0; padding:0;}
a { color:#000; text-decoration:none;}
a:hover{ color:#bd0a01; text-decoration:underline;}
.white a{ color:#fff; text-decoration:none;}
.red1 a{ color:#ff0000; font-weight:bold; text-decoration:none;}
.red1 a:hover{ color:#ff0000; font-weight:bold; text-decoration:underline;}
.red2 a{ color:#bd0a01; text-decoration:none;}
.red3 a{ color:#bd0a01; text-decoration:underline;}
.red3 a:hover{ color: #bd0a01; text-decoration:none;}
/*浮动*/
.left{ float:left;}
.rig{ float:right;}
.clear{ clear:both; margin:0; padding:0;}
ul{ list-style:none;}
.t10{ margin-top:10px;}
/*字体颜色*/
.yellow1{ color:#f36a19; font-weight:bold;}
.green1{color:#709a00; font-weight:bold;}
.blue1{ color:#3366cc; font-weight:bold;}
.font_cen{ text-align:center;}
.stong{ font-size:14px; font-weight:bold;}
.font2{ font-size:14px; font-weight:bold; color:#3366cc;}
/*图片添加外框*/
.imgb{
		border:#e0e0e0 solid 1px;
		padding:2px;
		margin-bottom:2px;
}
/*点*/
.d{ background-image:url(../image/square.gif); 
	background-repeat:no-repeat; 
	background-position:left;
	padding-left:10px;
	margin:0px 3px;
}
/*more*/
.more1{ padding-left:460px;}
.more2{ padding-left:810px; display:block;}
/*虚线*/
.lines{
		background-image:url(../image/h_bg.gif);
		background-repeat:repeat-x;
		height:10px;
		display:block;
}
/*限制字数*/
.mword1{ width:108px; white-space:nowrap; overflow:hidden; display:block;}
.mword2{ width:96px; white-space:nowrap; overflow:hidden; display:block;}
/**************************************************************************************/
#guide{
		background-image:url(../image/mag_header.gif);
		background-repeat:no-repeat;
		width:100%;
		height:76px;
		padding-bottom: 15px
}
#nav{
		float:right;
		background-image:url(../image/mhead_nav.gif);
		width:704px;
		height:35px;
		background-repeat:no-repeat;
		margin-top:41px;
}
#nav li{
		float:left;
		margin-top:3px;
}
#nav li a{
		background-image:url(../image/mh_navl.gif);
		background-repeat:no-repeat;
		background-position:right;
		padding-top:9px;
		width:93px;
		text-align:center;
		height:20px;
		color:#0b538b;
		display:block;
		float:left;
		
}
#nav li a:hover{
		color:#ff0000;
		text-decoration:underline;
}
/*导航当前页*/
#home #nav li#m1 a,
#brand #nav li#m2 a,
#element #nav li#m3 a,
#fashion #nav li#m4 a,
#auto #nav li#m5 a,
#diy #nav li#m6 a,
#allmag #nav li#m7 a{
		color:#fff;
		background-image:url(../image/mhead_navh.gif);
		background-repeat:repeat-x;
		margin-left:3px;
		width:90px;
		padding-top:8px;
		text-align:center;
		height:21px;
}
#magfooter{
		width:890px;
		margin:0 auto;
		border-top:#d4d4d4 solid 1px;
		padding:10px 0px;
		text-align:center;
		line-height:180%;
		margin-top:10px;
}
/**list、info页面左右模块调换↓**/
#left{
		float:left;
		width:27%;
}
#middle
{
	width: 912px;
	margin: 5px auto;
}
#right
{
	float: right;
}
#list_c1lef,#info_c1lef{
		float:left;
		width:650px;
}
/**list、info页面左右模块调换↑**/
.mc1_lef1{
		height:155px;
		background-image:url(../image/ml_t.gif);
		background-repeat:no-repeat;
		padding:15px 5px 10px 5px;
}
.mc1_lef1 h3{
		background-image:url(../image/j4.gif);
		background-repeat:no-repeat;
		background-position:left;
		padding-left:25px;
		margin-left:8px;
		font-size:14px;
		margin-bottom:15px;
}
.mc1_lef1 table{
		border-collapse:collapse;
		width:100%;
}
.mc1_lef1 table td{
		padding:5px 2px;
		line-height:150%;
}
.mc1_lef1 table td img{
		width:116px;
		height:70px;
		border:#e0e0e0 solid 1px;
		padding:2px;
		display:block;
}
.magtop{
		border:#ffb131 solid 2px;
		padding:2px;
		margin-top: 15px;
		margin-bottom:15px;
}
.magtop h2{
		font-size:14px;
		color:#fff;
		padding:8px 0px 0px 6px;
		background-image:url(../image/magtop_h2.gif);
		background-repeat:no-repeat;
		width:228px;
		height:20px;
		margin-bottom:10px;
}
.Articletop{
		border:#eaff7f solid 2px;
		padding:2px;
		margin-bottom:15px;
}
.Articletop h2{
		font-size:14px;
		color:#fff;
		padding:8px 0px 0px 6px;
		background-image:url(../image/Articletop_h2.gif);
		background-repeat:no-repeat;
		width:228px;
		height:20px;
		margin-bottom:10px;
}
.Articletop2,.magtop2{
		border:#91c4f7 solid 2px;
		padding:2px;
		margin-bottom:15px;
		margin-top: 15px;
}
.Articletop2 h2,.magtop2 h2{
		font-size:14px;
		color:#fff;
		padding:8px 0px 0px 6px;
		background-image:url(../image/Articletop2_h2.gif);
		background-repeat:no-repeat;
		width:228px;
		height:20px;
		margin-bottom:10px;
}
.magtop table,.Articletop table,.Articletop2 table,.magtop2 table{
		border-collapse:collapse;
		width:100%;
		border-bottom:#d4d4d4 dotted 1px;
		margin-bottom:10px;
}
.magtop table td,.Articletop table td,.Articletop2 table td,.magtop2 table td{
		padding:5px;
		line-height:200%;
}
.magtop ul,.Articletop ul,.Articletop2 ul,.magtop2 ul{
		background-image:url(../image/top2-9a.gif);
		background-repeat:no-repeat;
		background-position:5px top;
		height:235px;

}
.magtop li,.Articletop li,.Articletop2 li,.magtop2 li{
		height:25px;
		padding-left:30px;
		width:185px;
		white-space:nowrap;
		overflow:hidden;
}
/**/
/**list、info页面左右模块调换↓**/
#mag_c1rig{
		float:left;
		width:650px;
}
#list_c1rig,#info_c1rig{
		float:left;
		width:242px;
		margin-left:20px;
}
/**list、info页面左右模块调换↑**/
/**以下javascript用到的样式********************************************************************************/
.mag_c1rig1{
		height:174px;
		border:#e0e0e0 solid 1px;
		padding:2px;
		width:644px;
}
#slider {
		position: absolute;
		width: 644px;
		height: 174px;
		overflow: hidden;
		background-color:#3366cc;
	}
	#slider .slide {
		position: absolute;
		top: 0px;
		height: 174px;
		width: 500px;
		overflow: hidden;
		border-left: #000 solid 1px;
		cursor: hand;
		background-color:#3366cc;
	}
	#slider .title   {
		color: #fff;
		font-weight: bold;
		font-size: 1.4em;
		margin-right: 1.5em;
		text-decoration: none;
	}
	#slider .backgroundText {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 100%;
		background: #3366cc;
		filter: alpha(opacity=40);
		opacity: 0.4;
	}
	#slider .text {
		position: absolute;
		top: 1%;
		top: 100%;
		color: #FFF;
		font-family: verdana, arial, Helvetica, sans-serif;
		font-size: 0.9em;
		text-align: justify;
		width: 644px;
		left: 10px;
		padding-top:10px;
	}
	#slider .diapo {
		position: absolute;
		filter: alpha(opacity=100);
		opacity: 1;
		visibility: hidden;
	}

/**以上javascript用到的样式********************************************************************************/
.mag_c1rig2{
		margin-top:10px;
}
.magc1_rig2boxt{
		background-image:url(../image/mag1_rigboxt.gif);
		background-repeat:no-repeat;
		height:30px;
		width:600px;
		padding:16px 0px 0px 50px;
		font-size:14px;
		font-weight:bold;
}
.magc1_rig2boxc{
		border-left:#dcdcdc solid 1px;
		border-right:#dcdcdc solid 1px;
		padding:10px;
		padding-bottom:0px;
		width:628px;
		
}
.magc1_rig2boxc ul{
		display:block;
		overflow:hidden;
		padding-bottom:10px;
}
.magc1_rig2boxc ul li ul{
		margin:0px 15px;
}
.magc1_rig2boxc ul li ul li{
		display:block;
		overflow:hidden;
		width:210px;/*此宽度用于控制字数*/
		white-space:nowrap;
		height:23px;
}
.magc1_rig2boxc table{
		border-collapse:collapse;
		width:100%;
		text-align:center;
}
.magc1_rig2boxc table td{
		text-align:center;
		padding:5px 5px;
}
.magc1_rig2boxc table td img{
		width:115px;
		height:150px;
		border:#e0e0e0 solid 1px;
		padding:2px;
		display:block;
		margin:0 auto;
		margin-bottom:5px;
}
.magc1_rig2boxb{
		background-image:url(../image/mag1_rigboxb.gif);
		background-repeat:no-repeat;
		width:650px;
		height:11px;
}
/****/
.mag_c1rig3w{
		width:645px;
		background-color:#f0f0f0;
		margin-top:15px;
		position:relative;
		margin-left:5px;
	top: 0px;
	left: 0px;
}
.mag_c1rig3{
		width:641px;
		border:#d4d4d4 solid 1px;
		background-color:#fff;
		position:relative;
		padding:1px;
		top:-5px;
		left:-5px;
}
.mag_c1rig3_tab1{
		padding:5px;
		background-color:#f6f6f6;
		margin-bottom:5px;
		border-collapse:collapse;
		width:100%;
}
.mag_c1rig3_lefimg{
		width:158px;
}
.mag_c1rig3 table{
		border-collapse:collapse;
		width:100%;
}
.mag_c1rig3 table td{
		padding:5px;
}
.mag_c1rig3 table td h3{
		font-size:14px;
		color:#53b84e;
		background-image:url(../image/catalog.gif);
		background-repeat:no-repeat;
		background-position:left 5px;
		height:20px;
		padding-left:26px;
		margin-bottom:10px;
		margin-left:20px;
}
.mag_c1rig3 table td ul li{
		background-image:url(../image/square2.gif);
		background-repeat:no-repeat;
		background-position:left 4px;
		padding-left:10px;
		height:23px;
		width:180px;/*此宽度用于控制字数*/
		white-space:nowrap;
		overflow:hidden;
		margin-left:20px;	
}
/*页面主体2*/
#mag_c2,#mag_c3,#mag_c4{
		width:912px;
		margin-bottom:20px;
}
.mag_c2top{
		background-image:url(../image/m_c2t.gif);
		background-repeat:no-repeat;
		height:32px;
		width:912px;
}
.mag_c2topnav{
		padding:8px 0px 0px 160px;
		display:block;
}
.mag_c2cen{
		width:860px;
		background-image:url(../image/m_c2c.gif);
		background-repeat:no-repeat;
		background-position:left top;
		padding:10px 10px 0px 40px;
		border-left:#ffb131 solid 1px;
		border-right:#ffb131 solid 1px;
}
.mag_c2cen table,.mag_c3cen table,.mag_c4cen table{
		border-collapse:collapse;
		width:100%;
}
.mag_c2cen table td,.mag_c3cen table td,.mag_c4cen table td{
		padding:0px 5px;
		text-align:center;
		line-height:150%;
}
.mag_ulcar,.mag_ulfash,.mag_ulbrand{
		width:250px;
		text-align:left;		
}
.mag_ulcar li,.mag_ulfash li,.mag_ulbrand li{
		height:25px;
		width:252px;/*此宽度用于控制字数*/
		white-space:nowrap;
		overflow:hidden;
}
.mag_c2cen img,.mag_c3cen img,.mag_c4cen img{
		width:115px;
		height:150px;
		border:#e0e0e0 solid 1px;
		padding:2px;
		display:block;
		margin:0 auto;
}
.mag_c2bot{
		width:912px;
		background-image:url(../image/m_c2b.gif);
		background-repeat:no-repeat;
		height:15px;
}
/*页面主体3*/
.mag_c3top{
		background-image:url(../image/m_c3t.gif);
		background-repeat:no-repeat;
		height:32px;
		width:912px;
}
.mag_c3cen{
		width:860px;
		background-image:url(../image/m_c3c.gif);
		background-repeat:no-repeat;
		background-position:left top;
		padding:10px 10px 0px 40px;
		border-left:#b9ce4e solid 1px;
		border-right:#b9ce4e solid 1px;
}
.mag_c3bot{
		width:912px;
		background-image:url(../image/m_c3b.gif);
		background-repeat:no-repeat;
		height:15px;
}
/*页面主体4*/
.mag_c4top{
		background-image:url(../image/m_c4t.gif);
		background-repeat:no-repeat;
		height:32px;
		width:912px;
}
.mag_c4cen{
		width:860px;
		background-image:url(../image/m_c4c.gif);
		background-repeat:no-repeat;
		background-position:left top;
		padding:10px 10px 0px 40px;
		border-left:#91c4f7 solid 1px;
		border-right:#91c4f7 solid 1px;
}
.mag_c4bot{
		width:912px;
		background-image:url(../image/m_c4b.gif);
		background-repeat:no-repeat;
		height:15px;
}
/**Fashtion时尚潮流**/
.fash_lef{
		width:222px;
		background-image:url(../image/fash_lbox.gif);
		background-repeat:no-repeat;
		padding:10px;
		margin-top: 10px;
}
.fash_lef1{
		background-image:url(../image/jian.gif);
		background-repeat:no-repeat;
		background-position:right top;
		padding-top:15px;
}
.fash_cate{
		border:#91c4f7 solid 1px;
		padding:1px;
		margin-bottom:10px;
		padding-bottom:10px;
}
.fash_cate h3{
		background-color:#d3e7fc;
		font-size:14px;
		background-image:url(../image/j2.gif);
		background-repeat:no-repeat;
		background-position:5px 7px;
		padding:5px 0px 5px 20px;
}
.fash_lef1 table,.fash_cate table{
		border-collapse:collapse;
		width:98%;
		margin:0 auto;
}
.fash_lef1 table td,.fash_cate table td{
		background-image:url(../image/j1.gif);
		background-repeat:no-repeat;
		background-position:5px 8px;
		padding:5px 0px 5px 15px;
		border-bottom:#d4d4d4 dotted 1px;
}
.fash_lef2top{
		margin-top:20px;
}
.fash_lef2top h3{
		font-size:14px;
		background-image:url(../image/top1-5h3.gif);
		background-repeat:no-repeat;
		height:30px;
		padding:8px 0px 0px 10px;
}
.fash_lef2top table td{
		line-height:200%;
		padding:5px;
		border-bottom:#d4d4d4 dotted 1px;
}
.fash_lef2topimg img{
		width:70px;
		height:90px;
		border:#e0e0e0 solid 1px;
		padding:2px;
}
.fash_top1-5{
		background-image:url(../image/top1-5.gif);
		background-repeat:no-repeat;
		background-position:left top;
		height:250px;
}
.fash_top1-5 li{
		height:50px;
		line-height:150%;
		padding-left:30px;
		background-image:url(../image/h_bg.gif);
		background-repeat:repeat-x;
		background-position:bottom;
		white-space:nowrap;
		width:180px;
		overflow:hidden;
}
.fash_rig3boxt{
		background-image:url(../image/fash_rig3boxt.gif);
		background-repeat:no-repeat;
		height:30px;
		width:600px;
		padding:16px 0px 0px 50px;
		font-size:14px;
		font-weight:bold;
}
.fash_rig3boxc{
		border-left:#c5e2ff solid 1px;
		border-right:#c5e2ff solid 1px;
		padding:10px;
		padding-bottom:0px;
		width:628px;
		
}
.fash_rig3boxc table{
		border-collapse:collapse;
		width:100%;
}
.fash_rig3boxc table td{
		padding:8px 5px;
}
.fash_rig3boxb{
		background-image:url(../image/fash_rig3boxb.gif);
		background-repeat:no-repeat;
		width:650px;
		height:11px;
}
/*品牌杂志、元素杂志、时尚潮流、汽车旅游的页面一致（页面样式以fashion为例）*/
/*****************************************************************************************************/
/*更多杂志allmag*/
.allmag_out{
		position:relative;
		width:912px;
		background-color:#dfedfc;
		margin:20px auto;
}
.allmag_in{
		position:relative;
		width:910px;
		border:#91c4f7 solid 1px;
		top:-5px;
		left:-5px;
		background-color:#fff;
		/*背景颜色渐变*/
		filter:progid:DXImageTransform.Microsoft.Gradient 
		(startColorStr='#eef5fd', endColorStr='#ffffff', gradientType='1')
}
.allmag_in table{
		border-collapse:collapse;
		width:100%;
		text-align:center;
}
.allmag_in table td{
		padding:5px;
		text-align:center;
}
.allmag_in table td img{
		width:115px;
		height:150px;
		border:#e0e0e0 solid 1px;
		padding:2px;
		margin:0 auto;
		margin-bottom:5px;
		display:block;	
}
/*******************************************************************************************/
/*杂志分类列表list,单个杂志详细信息info*/
.mlist_out,.minfo_out{
		width:645px;
		background-color:#f0f0f0;
		margin-top:15px;
		position:relative;
		margin-left:5px;
}
.mlist_in,.minfo_in{
		width:643px;
		border:#d4d4d4 solid 1px;
		background-color:#fff;
		position:relative;
		top:-5px;
		left:-5px;
}
.mlist_in h3,.minfo_in h3{
		font-size:14px;
		padding:5px 0px 5px 20px;
		background-color:#f6f6f6;
		margin:1px 1px 10px 1px;
		background-image:url(../image/j3.gif);
		background-repeat:no-repeat;
		background-position:5px 7px;
}
.mlist_in table,.minfo_in table{
		border-collapse:collapse;
		width:100%;
}
.mlist_in table td,.minfo_in table td{
		padding:0px 5px;
		background-image:url(../image/h_bg.gif);
		background-repeat:repeat-x;
		background-position:bottom;
		padding-bottom:20px;
}
.mlist_in table td img{
		width:115px;
		height:150px;
		padding:2px;
		border:#e0e0e0 solid 1px;
		display:block;
		float:left;
		margin-right:10px;
		
}
.minfo_inimg{
		width:200px;
		height:292px;
		padding:2px;
		border:#e0e0e0 solid 1px;
		display:black;
		margin-right:10px;
		float:left;
}
.mlist_in table td ul,.minfo_in table td ul{
		padding-top:10px;
}
.mlist_in table td ul li{
		height:23px;
		line-height:150%;
}
.minfo_in table td ul li{
		margin-bottom:10px;
		line-height:150%;
}
