#main_main dt{
	position:relative;
	margin-bottom:10px;
	width:350px;
	height:350px;
	/**overflow:hidden;**/
	position:relative;
}
#main_main #dt img{
	position:absolute;
	left:0;
	top:0;
}
#main_main #dt #mask{
	width:175px;
	height:175px;
	position:absolute;
	background:#aaf;
	opacity:0.3;
	display:none;
}
#main_main #dt #maskTop{
	width:100%;
	height:100%;
	position:absolute;
	z-index:3;
	cursor:move;
}
#main_main #dt #largeImgContainer{
	position:absolute;
	left:360px;
	top:0px;
	overflow:hidden;
	z-index:4;
}
#main_main #dt #largeImgContainer img{
	position:absolute;
}
#main_main #dd{
	width:315px;
	height:54px;
}
#main_main #dd #thumb img{
	width:50px;
	height:50px;
	margin-right:10px;
}
#main_main #dd #thumb{
	vertical-align:middle;
	width:267px;
	display:inline-block;
	position:relative;
	overflow:hidden;
	height:54px;
}
.rightDisabled{
	background:url(../images/sprite_arrow_prev2.png) 0px 0px no-repeat;
}
.right{
	background:url(../images/sprite_arrow_next.png) 0 -30px no-repeat;
}
.redBorder{
	border:2px solid red;
	width:350px;
	height:350px;
}
.transBorder{
	border:2px solid transparent;
	width:350px;
	height:350px;
}
#main_main #dd #thumb span{
	left:0px;
	top:0px;
	position:absolute;
	width:500px;
	display: flex;
    flex-direction: row;
}
.left{
	background:url(../images/sprite_arrow_next.png) -30px 0px no-repeat;
}
.leftDisabled{
	background:url(../images/sprite_arrow_prev1.png) 0px 0px no-repeat;
}
#main_main #dd #left{
	padding:8px 10px;
	vertical-align:middle;
	display:inline-block;
	height:37px;
	margin:16px 0;
}
/**#main_main #dd #left:hover{
	background:url(../images/sprite_arrow_next.png) -30px 0px no-repeat;
}**/
#main_main #dd #right{
	padding:8px 10px;
	vertical-align:middle;
	display:inline-block;
	height:37px;
	margin:16px 0;
}
/**#main_main #dd #right:hover{
	background:url(../images/sprite_arrow_next.png) 0 -30px no-repeat;
}**/

#main_main{
	background-color:#fff;
	height:400px;
	width:400px;
}
.thumbs{
	width:350px;
	height:350px;
}
.pics{
	width:400px;
	height:400px;
}

.image-container {
  display: flex;
  flex-direction: row;
}
 
.image-container img {
  margin-right: 10px; /* 可选，为了图片之间有间隔 */
}

.ppd-top-box {
  display: flex;
}