﻿#biglist{
	position: relative;
	margin-top:30px;
	margin-bottom:30px;
	max-width:100%;
}

#biglist .onepic {
	/*max-width:450px;*/
    position: absolute;
    
}
#biglist .onepic .title{
	height: 90px;
	position: absolute;
	left:60px;
	bottom: 0px;
	width:300px;
	padding-left:15px;
	padding-right:15px;
	line-height: 90px;
	font-size: 40px;
	font-weight :bolder;
	overflow:hidden;
	color: #fff;
	background-color:rgba(255,255,255,0.3);
	text-align:center;
}

#biglist .onepic .picname{
	height: 60px;
	position: absolute;
	left:5%;
	bottom: 0px;
	width:90%;
	/*padding-left:15px;
	padding-right:15px;*/
	line-height: 60px;
	font-size: 30px;
	font-weight :bolder;
	overflow:hidden;
	color: #fff;
	background-color: #bd2e1f;
text-align: center;
opacity: 0.9;
}

#biglist .onepic img{
    width: 300px;
    display: block;
    border: none;
	border-radius: 20px;
	box-shadow: 2px 2px 2px #999;
}

@media screen and (max-width: 900px) {
	#biglist .onepic{
		width:300px;
	}
	#biglist .onepic .title{
		height: 50px;
		position: absolute;
		left:35px;
		bottom: 0px;
		width:200px;
		padding-left:15px;
		padding-right:15px;
		line-height: 50px;
		font-size: 20px;
		font-weight :bolder;
		overflow:hidden;
		color: #fff;
		background-color:rgba(255,255,255,0.3);
		text-align:center;
	}
	
	#biglist .onepic .picname{
		height: 30px;
		position: absolute;
		left:15px;
		bottom: 0px;
		width:250px;
		padding-left:10px;
		padding-right:10px;
		line-height: 30px;
		font-size: 15px;
		font-weight :bolder;
		overflow:hidden;
		color: #fff;
	}

	#biglist .onepic img{
		width: 300px;
		display: block;
		border: none;
		border-radius: 10px;
		box-shadow: 2px 2px 2px #999;
	}
 }  

@media screen and (max-width: 500px) {
	#biglist .onepic{
		width:200px;
	}
	#biglist .onepic .title{
		height: 50px;
		position: absolute;
		left:35px;
		bottom: 0px;
		width:180px;
		padding-left:15px;
		padding-right:15px;
		line-height: 50px;
		font-size: 20px;
		font-weight :bolder;
		overflow:hidden;
		color: #fff;
		text-align:center;
	}
	
	#biglist .onepic .picname{
		height: 30px;
		position: absolute;
		left:10px;
		bottom: 0px;
		width:160px;
		padding-left:10px;
		padding-right:10px;
		line-height: 30px;
		font-size: 15px;
		font-weight :bolder;
		overflow:hidden;
		/*color: #742425;
		background-color:rgba(255,255,255,0.3);*/
		text-align:center;
	}

	#biglist .onepic img{
		width: 200px;
		display: block;
		border: none;
		border-radius: 10px;
		box-shadow: 2px 2px 2px #999;
	}
 }
/* Ò³Âë */
DIV.pagelist {
	margin: 0 auto;
	TEXT-ALIGN: center;
	clear: both;
	height: 30px;
	margin-bottom: 80px;
	font-size: 2rem;
	width:100%;
	max-width:1000px;
}
/*¾²Ì¬·ÖÒ³¿Ø¼þ*/
.pagelist {
	text-align: center;
	padding: 30px 0;
}

	.pagelist > ul > li {
		border: none;
	}

	.pagelist a, .pagelist span {
		background-color: #e7e7e7;
		border-radius: 5px;
		display: inline-block;
		height: 38px;
		line-height: 38px;
		margin: 0 5px;
	}
	/*.lifestyle_page span{ width:38px; height:38px; color:#ccc; line-height:38px;}*/
	.pagelist a {
		background-color: rgba(29, 32, 137, 0.79);
		color: #fff;
	}

	.pagelist span.current {
		background-color: #008c37;
		color: #fff;
	}

	.pagelist .lt, .lifestyle_page .gt {
		font-size: 18px;
		display: inline-block;
		line-height: 34px;
	}

	.pagelist ul {
		display: inline-block;
		margin: auto;
	}

		.pagelist ul li {
			float: left;
			min-width: 45px;
		}

			.pagelist ul li.now a {
				background-color: rgba(29, 32, 137, 0.79);
				color: #fff;
			}

DIV.pagelist a, DIV.pagelist SPAN {
	border: 1px solid #CCC;
	height: 30px;
	line-height: 28px;
	TEXT-DECORATION: none;
	display: block;
	float: left;
	padding: 5px 13px;
	margin-left: 5px;
}
