/* Style for the small picture container */
.small-picture-container {
    flex-direction: row-reverse; /* 反向排列小图片 */
    justify-content: flex-start; /* 左对齐大图片 */
    align-items: center; /* 垂直居中对齐 */
    display: flex; /* Use flexbox to arrange items vertically */
    flex-direction: column; /* Arrange items in a column (vertical) */
}

/* Style for the small pictures */
.small-picture-container img {
    max-width: 40px; /* Ensure the images don't exceed their container width */
	max-height: 90px;
	margin-top: 5px;
	margin-left: 80%;
	margin-right: 0px;
	margin-bottom: 1px;
	border-radius: 9px;
	border-style: solid;
	border-width: 1px;
	text-align: right;
	
    
}
.big-picture-container {
    width: 100%;
    max-width: 100%; /* Ensure the container doesn't exceed its parent's width */
    overflow: hidden; /* Hide any overflow content that might extend beyond the container */
}

.big-picture-container img {
	top:0px;
	left:0px;
    max-width: 100%; /* Make the big picture fill the container width */
    height: auto; /* Maintain the aspect ratio of the image */
}

.sliderBlock_items__itemPhoto.sliderBlock_items__showing img {
    width: 100%;
    height: 100%;
	margin: 0;
    padding: 0;
}


.img-circle {
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}
 
.img-circle:hover {
	-moz-box-shadow: 0px 0px 2px rgba(0, 255, 178, 1);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 255, 178, 1);
	box-shadow: 0px 0px 2px rgba(0, 255, 178, 1);
	cursor: pointer;
}