@charset "utf-8";
#body > .container .main{
	width:660px;
	min-height:300px;
	float:left;	
	margin-bottom:80px;
}
#body > .container .sidebar{
	width:440px;
	min-height:300px;
	float:right;
	margin-left:30px;
	background:#f8e4c1;
	padding:5px;	
	margin-top:20px;
	margin-bottom:80px;
}
#body > .container .sidebar .img_wrap{
	height:210px;
	width:210px;
	position:relative;
	margin:5px;
	float:left;
	cursor:pointer;
	overflow:hidden;
}
#body > .container .sidebar .img_wrap img{
	border:none;
}
#body > .container .sidebar .img_wrap .description{
	width:190px;
	padding:10px;
	height:15px;
	line-height:15px;
	background:black;
	position:absolute;
	left:0px;
	bottom:-35px;
	color:#eee;
	font-size:13px;	
	overflow:hidden;
	text-overflow: ellipsis; 
	white-space: nowrap;	
}
#body > .container .sidebar:hover img{
	opacity:0.8;
}
#body > .container .sidebar:hover .img_wrap:hover img{
	opacity:1;
}
@media only screen and (max-width: 599px) {
	#body > .container .main{
		width:300px;
	}
	#body > .container .sidebar{
		width:280px;
		float:none;
		margin-left:0px;
		padding:10px;
	}	
	#body > .container .sidebar .img_wrap{
		width:130px;	
		height:130px;
	}
	#body > .container .sidebar .img_wrap img{
		width:130px;	
		height:130px;	
	}
	#body > .container .sidebar .img_wrap .description{
		width:110px;	
	}	
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
	#body > .container .main{
		width:510px;
	}
	#body > .container .sidebar{
		width:540px;
		margin-bottom:30px;
		margin-left:0px;
	}	
	#body > .container .sidebar .img_wrap{
		width:170px;	
		height:170px;
	}
	#body > .container .sidebar .img_wrap img{
		width:170px;	
		height:170px;	
	}
	#body > .container .sidebar .img_wrap .description{
		width:150px;	
	}
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
	#body > .container .main{
		width:688px;
		float:none;
	}
	#body > .container .sidebar{
		width:660px;
		float:none;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:40px;
	}
}
@media only screen and (min-width: 1000px) and (max-width: 1207px) {
	#body > .container .main{
		width:460px;
	}
	#body > .container .sidebar{
		width:440px;
	}
}
@media only screen and (min-width: 1208px){
			
}