/* Page */

#page {
	overflow: hidden;
	width: 940px;
	margin: 0px auto;
}


#content {
	float: right;
	width: 530px;
}

#sidebar {
	float: left;
	width: 270px;
}

#poptrox {
	width: 90%;
	margin: 0px auto;
}

#gallery {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#gallery li {
    float: left;
    margin: 0px;
    padding: 10px;
    width: 25%;
    overflow: hidden;
    box-sizing: border-box;
}

#gallery img {
	
/*	width: 100%;  
  height: auto;  
  object-fit: contain;*/
  width: 100%;  
  height: 100%;  
  object-fit: cover;
}



.aspect-ratio {  
  width: 100%;  
  padding-top: 20%; /* 16:9 宽高比 */  
  position: relative; 
  overflow: hidden; 
  border: 3px solid #FFFFFF;
}  
  
.aspect-ratio::before {  
  content: '';  
  display: block;  
  width: 100%;  
  padding-top: 56.9%; /* 16:9 宽高比 */  
}  
  
.aspect-ratio-content {  
  position: absolute;  
  top: 0;  
  left: 0;  
  right: 0;  
  bottom: 0;  
}  

/*****************************************************
  Poptrox
*****************************************************/

.poptrox_popup
{
	position: relative;
	padding: 1em 1em 3em 1em;
	background: #ffffff;
}

.poptrox_popup .loader
{
	display: block;
	margin: 55px 0 0 0;
	text-indent: -9999em;
	background: url('loader.gif') top center no-repeat;
}

.poptrox_popup .caption
{
	position: absolute;
	bottom: 1em;
	left: 1em;
}

.poptrox_popup .closer
{
	position: absolute;
	bottom: 1em;
	right: 1em;
}