.gallery figure {
	
}
.gallery figure .mask {
	overflow: hidden;
}
.gallery figure img {
	transition: transform .3s;

}
.gallery figure:hover img {
	transform: scale(1.2);
}
.gallery figure figcaption {
	bottom: -50%;
	transition: bottom .3s;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.75), rgba(0,0,0,.9));
}
.gallery figure:hover figcaption {
	bottom: 0px;
}
.gallery figure figcaption h3 {
	text-align: center;
}

.pagination .active>.page-link, .page-link.active {
	background-color: var(--c01);
	border-color: var(--c01);
	color: var(--c02);
}

/*tBanner*/
.tBanner {
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.75), rgba(0,0,0,.9));
}



/*video*/


/*cg*/
.cg figure h3 {
	color: #fff;
	transition: color .3s;
}
.cg figure:hover h3 {
	color: var(--c01);
}
.cg figure img {
	filter: grayscale(100%);
	transition: filter 0.5s ease;
	height: 230px;
	object-fit: cover;
}
.cg figure:hover img {
	filter: grayscale(0);
}

.pg-title .sSort {
	padding: 5px;
	border: 1px solid #ddd;
	color: #333;

}

/*content*/
.c-right .cg-content {
	overflow-y:auto;
	height: 100%;
}

/*tags*/
.tags .btn:hover {
	background-color: var(--c01-1);
}

/*left*/
.gallery-detail .left h3.title:before {
	content: "";
	position: absolute;
	width: 50px;
	border: 1px solid var(--c01);
	bottom: 0px;
	left: 0px;
}
.gallery-detail .left .menu {
	padding: 0px;
	list-style: none;
	margin: 0px;
}
.gallery-detail .left .menu li {
	position: relative;
}
.gallery-detail .left .menu li .pg-count{
	position: absolute;
	right: 0px;
	top: 10px;
	font-size: 0.8em;
	color: #999;
}
.gallery-detail .left .menu li:not(:last-child) {
	border-bottom: 1px solid #ccc;
}
.gallery-detail .left .menu li a {
	font-size: 1.1em;
	color: #FFF;
	display: block;
	padding: 8px 0px;
}
.gallery-detail .left .menu li a:hover {
	color: var(--c01);
}