#pic-page {
    text-align: center;
    margin-top: 10px;
}
#pic-page a:hover img, #pic-page a.active img {
    border: solid #5280DD 1px;
}
#pic-page a {
    padding:1%;
}
#pic-page a img {
    width: 22%;
    padding: 2px;
    border: solid #ccc 1px;
    margin-bottom: 5px;
    vertical-align: middle;
	border: 0;
}

/* 相关产品 / 列表网格卡片等高（详情页 pro.css 带 ?v= 防缓存） */
.for_related .w-blog.layout_classic.type_grid .w-blog-list,
.w-blog.layout_classic.type_grid.w101-product-list .w-blog-list,
.w-blog.layout_classic.type_grid .w-blog-list{
	display:flex !important;
	flex-wrap:wrap !important;
	align-items:stretch !important;
	border:0 !important;
	padding:0 !important;
	margin-left:-10px !important;
	margin-right:-10px !important;
}
.for_related .w-blog.layout_classic.type_grid .w-blog-list > .w-blog-post,
.w-blog.layout_classic.type_grid .w-blog-list > .w-blog-post{
	display:flex !important;
	flex-direction:column !important;
	float:none !important;
	padding:0 10px 20px !important;
	box-sizing:border-box !important;
}
.for_related .w-blog.layout_classic.type_grid .w-blog-list > .w-blog-post > .w-blog-post-h,
.w-blog.layout_classic.type_grid .w-blog-list > .w-blog-post > .w-blog-post-h{
	display:flex !important;
	flex-direction:column !important;
	flex:1 1 auto !important;
	height:100% !important;
	width:100% !important;
	box-sizing:border-box !important;
}
.for_related .w-blog-post-preview,
.w-blog.layout_classic.type_grid .w-blog-post-preview{
	position:relative !important;
	width:100% !important;
	aspect-ratio:1 / 1 !important;
	overflow:hidden !important;
	background:#f5f5f5;
}
.for_related .w-blog-post-preview > a,
.w-blog.layout_classic.type_grid .w-blog-post-preview > a{
	display:block !important;
	width:100% !important;
	height:100% !important;
}
.for_related .w-blog-post-preview img,
.w-blog.layout_classic.type_grid .w-blog-post-preview img{
	position:absolute !important;
	left:0 !important;
	top:0 !important;
	width:100% !important;
	height:100% !important;
	object-fit:cover !important;
	max-width:none !important;
}
.for_related .w-blog-post-body,
.w-blog.layout_classic.type_grid .w-blog-post-body{
	flex:1 1 auto !important;
	display:flex !important;
	flex-direction:column !important;
	justify-content:flex-start !important;
	padding:10px 6px 4px !important;
}
.for_related .w-blog-post-title,
.w-blog.layout_classic.type_grid .w-blog-list .w-blog-post-title{
	margin:0 !important;
	padding:0 !important;
	min-height:calc(1.45em * 2) !important;
	line-height:1.45 !important;
	font-size:15px !important;
	text-align:center !important;
}
.for_related .w-blog-post-title a,
.w-blog.layout_classic.type_grid .w-blog-list .w-blog-post-title a{
	display:-webkit-box !important;
	-webkit-box-orient:vertical !important;
	-webkit-line-clamp:2 !important;
	line-clamp:2 !important;
	overflow:hidden !important;
	text-overflow:ellipsis !important;
	max-height:calc(1.45em * 2) !important;
	line-height:1.45 !important;
}
