.gallery-detail {
	
}
.gallery-detail .wrap {
	
}
.gallery-detail .photo-list {
	width: 50%;
}
.gallery-detail .photo-list > .flex-box {
	width: 100%;
}
.gallery-detail .wrap__photo-list {
	width: 100%;
	background-color: #f7f7f7;
}
.gallery-detail .photo-list .photo-item {
	width: 100%;
}
.gallery-detail .photo-list .photo-item span {
	position: relative;
	display: inline-block;
	width: 100%;
	padding-bottom: 125%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.gallery-detail .info {
	width: 50%;
	padding: 0 20px;
}
.gallery-detail .info .props span:last-child {
	width: 70%;
}
.gallery-detail .info .props span .icon {
	margin-top: -3px;
}
@media all and (max-width:816px) {
	.gallery-detail .photo-list,
	.gallery-detail .info {
		width: 100%;
	}
	.gallery-detail .photo-list .photo-item {
		padding: 0 5px;
	}
}
@media all and (max-width:616px) {
	.gallery-detail .photo-list .photo-item {
		padding: 0;
	}
}

.gallery-detail .navigation {
	position: absolute;
	display: inline-block;
	width: 100%;
	bottom: 20px;
	text-align: center;
}
.gallery-detail .navigation .navigation-item {
	display: inline-block;
	width: 1.9rem;
	height: 1.9rem;
	margin: 0 4px;
	padding: .2rem;
	cursor: pointer;
	transition: .3s;
}
.gallery-detail .navigation .navigation-item:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	border: 1px solid #f8f9fa;
	background-color: #f8f9fa;
	border-radius: 50%;
	transition: .3s;
}
.gallery-detail .navigation .navigation-item.active:after {
	border-color: #d25620;
	background-color: #d25620;
	transition: .3s;
}

.gallery-detail h1 {
	margin-top: 10px;
	margin-bottom: 20px;
}

.gallery-detail h1:after {
	margin: 5px 0 0 0;
}

.gallery-detail p {
	line-height: 20px;
}

.gallery-detail .props p {
	margin: 5px 0;
}

.gallery-detail .props p span:first-child {
	font-weight: bold;
}