.show-gallery *,
.show-gallery *:before,
.show-gallery *:after {
	box-sizing:border-box;
}
.show-gallery > ul {
padding: 0;
}
.show-gallery > ul > li {
    list-style-type: none;
	/*width: 33.3%;*/
	padding-bottom: 15px;
}
.show-gallery > a:first-child, 
.show-gallery .album .albumCover {
	/* border: 3px solid #FFF; */
	border-radius: 3px;
	/* display: block; */
	overflow: hidden;
	position: relative;
	z-index:0;
	/* float: left; *//* width: 100%; *//* padding-bottom: 62%; *//* background: white; *//* box-shadow: 1px 1px 2px 1px #EEEEEE; *//* padding: 30px; */
}
.show-gallery a > img {-webkit-transition: -webkit-transform 0.15s ease 0s;-moz-transition: -moz-transform 0.15s ease 0s;-o-transition: -o-transform 0.15s ease 0s;transition: transform 0.15s ease 0s;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);position: absolute;margin: auto;top: 0;left: 0;right: 0;bottom: 0;max-width: 100%;width: 100%;}
.show-gallery a .gallery-item-title {-webkit-transition: -webkit-transform 0.15s ease 0s;-moz-transition: -moz-transform 0.15s ease 0s;-o-transition: -o-transform 0.15s ease 0s;transition: transform 0.15s ease 0s;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);/* display: none; */padding: 3px 6px;line-height: 16px;font-size: 12px;text-align: center;background-color: rgba(33, 33, 33, 0.5);color: white;text-shadow: 1px 1px 1px black;position: absolute;bottom: 0;left:0;right: 0;}
.show-gallery a:hover .gallery-item-title {
	display:block;
}
.show-gallery a:hover > img {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
.show-gallery a:hover .show-gallery-poster > img {
opacity: 1;
}
.show-gallery a .show-gallery-poster {
background-color: rgba(0, 0, 0, 0.1);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: background-color 0.15s ease 0s;
-o-transition: background-color 0.15s ease 0s;
transition: background-color 0.15s ease 0s;
}
.show-gallery a .show-gallery-poster > img {
left: 50%;
margin-left: -10px;
margin-top: -10px;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
.show-gallery a:hover .show-gallery-poster {
background-color: rgba(0, 0, 0, 0.5);
}
.show-gallery .justified-gallery > a > img {
-webkit-transition: -webkit-transform 0.15s ease 0s;
-moz-transition: -moz-transform 0.15s ease 0s;
-o-transition: -o-transform 0.15s ease 0s;
transition: transform 0.15s ease 0s;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
height: 100%;
width: 100%;
}
.show-gallery .justified-gallery > a:hover > img {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
.show-gallery .justified-gallery > a:hover .show-gallery-poster > img {
opacity: 1;
}
.show-gallery .justified-gallery > a .show-gallery-poster {
background-color: rgba(0, 0, 0, 0.1);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: background-color 0.15s ease 0s;
-o-transition: background-color 0.15s ease 0s;
transition: background-color 0.15s ease 0s;
}
.show-gallery .justified-gallery > a .show-gallery-poster > img {
left: 50%;
margin-left: -10px;
margin-top: -10px;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
.show-gallery .justified-gallery > a:hover .show-gallery-poster {
background-color: rgba(0, 0, 0, 0.5);
}
.show-gallery .video .show-gallery-poster img {
height: 48px;
margin-left: -24px;
margin-top: -24px;
opacity: 0.8;
width: 48px;
}
.show-gallery.dark > ul > li a {
border: 3px solid #04070a;
}
.home .show-gallery {
padding-bottom: 80px;
}
.show-gallery h2 {
    font-size: 20px;
}
.show-gallery .scroll-pane {
    /* overflow-y: auto; */
    position: relative;
    height: initial;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    /* flex: 1 1 0px; */
    /* flex-basis: 0px; */
}
/*album style*/
.ListAlbums a.album, .ListAlbums a.album:visited {
    color: white;
    font-weight: normal;
    font-size: 1em;
}
.show-gallery a.album:hover {
	background: #FF9800;
}
.ListAlbums .album .albumName {
	/* display: inline-block; */
	/* width: 100%; */
	text-align: center;
	font-weight: inherit;
	/* padding: 6px; */
}
.ListAlbums .albumCover {
	box-shadow: none;
}
.ListAlbums .album:hover span.count {
	opacity: .0;
	filter: alpha(opacity=0);
}
.ListAlbums span.count {
	position: absolute;
	right: 10px;
	top: 10px;
	min-width: 19px;
	text-align: center;
	color: Gray;
	font-weight: bold;
	font-size: 10px;
	line-height: 17px;
	background: none repeat scroll 0 0 white;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 50%;
	box-shadow: 0px 0px 1px 2px silver;
	padding: 0px;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}
/* First Video Preview */
.video-placeholder {
	border: 3px solid #FFF;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    z-index: 0;
    background: #e4e4e4;
    box-shadow: 1px 1px 2px 1px #EEEEEE;
}
/*album cover style*/
.ListAlbums div.cover {
	/*visibility: hidden;*/
	opacity:0;
	filter: alpha(opacity=0);
	transition:opacity 0.3s ease-in-out;
	padding-bottom: 62%;
	/* position: relative; */
}
.ListAlbums img.cover {
	margin: auto;
	max-width: 85%;
	width: 85%;
	height: 85%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: -webkit-transform .3s ease-in-out;
	-moz-transition: -moz-transform .3s ease-in-out;
	-o-transition: -o-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	position: absolute;
	border: solid 1px #EEEEEE;
}
.ListAlbums img.cover.rot0 {
	-moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}
.ListAlbums .cover.rot1 {
	-webkit-transition: -webkit-transform .4s ease-in-out;
    -moz-transition: -moz-transform .4s ease-in-out;
    -o-transition: -o-transform .4s ease-in-out;
	transition: transform .4s ease-in-out;
}
.ListAlbums .cover.rot2 {
	-webkit-transition: -webkit-transform .5s ease-in-out;
    -moz-transition: -moz-transform .5s ease-in-out;
    -o-transition: -o-transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
}
.ListAlbums .cover.rot3 {
	-webkit-transition: -webkit-transform .6s ease-in-out;
    -moz-transition: -moz-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
	transition: transform .6s ease-in-out;
}
.ListAlbums a.album:hover div.cover {
	/*visibility: visible;*/
	opacity: 1;	filter: alpha(opacity=100);
}
.ListAlbums a.album:hover .cover.rot0 {
	-moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.ListAlbums a.album:hover .cover.rot1 {
	-moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.ListAlbums a.album:hover .cover.rot2 {
	-moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
}
.ListAlbums a.album:hover .cover.rot3 {
	-moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}
.ListAlbums a.album:hover .cover.rot4 {
	-moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}

/*edit span*/ 
.show-gallery li a.edit {
	position: absolute;
    top: 5px;
    left: 20px;
    background: #167afb;
    color: #ffffff;
    opacity: .3;filter: alpha(opacity=30);
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 2px 4px;
	display: inline-block;
	width: auto;
}
.show-gallery li:hover a.edit {
	opacity: .5;filter: alpha(opacity=50);
}
.show-gallery li a.edit:hover {
	opacity: 1;filter: alpha(opacity=100);
}
/*cover hover progress*/
.ListAlbums .lg-progress-bar,
.ListAlbums .lg-progress {
	height: 1px !important;
}
.ListAlbums .lg-progress-bar {
	background-color: silver;
}
.ListAlbums .lg-progress {
	background-color: #167afb;
}
.ListAlbums .lg-show-autoplay .lg-progress-bar {
	opacity: .5;filter: alpha(opacity=50);
}
.flex-overflow-x {
	overflow-y: initial;
	overflow-x: auto;
	flex: 1 1 auto;
}
.flex-overflow-y {
	overflow-x: initial;
	overflow-y: auto;
	flex: 1 1 0px;
}
@media (min-width: 576px) { 
	.flex-overflow-sm-x {
		overflow-y: initial;
		overflow-x: auto;
		flex: 1 1 auto;
	}
	.flex-overflow-sm-y {
		overflow-x: initial;
		overflow-y: auto;
		flex: 1 1 0px;
	}
}
@media (min-width: 768px) {
	.flex-overflow-md-x {
		overflow-y: initial;
		overflow-x: auto;
		flex: 1 1 auto;
	}
	.flex-overflow-md-y {
		overflow-x: initial;
		overflow-y: auto;
		flex: 1 1 0px;
	}
	.ListAlbums a.album, .ListAlbums a.album:visited {
		border: none;
		background: #42424285;
		border-bottom: solid 1px #BDBDBD;
		color: white;
	}
}
@media (min-width: 992px) {
	.flex-overflow-lg-x {
		overflow-y: initial;
		overflow-x: auto;
		flex: 1 1 auto;
	}
	.flex-overflow-lg-y {
		overflow-x: initial;
		overflow-y: auto;
		flex: 1 1 0px;
	}
}
@media (min-width: 1200px) {
	.flex-overflow-xl-x {
		overflow-y: initial;
		overflow-x: auto;
		flex: 1 1 auto;
	}
	.flex-overflow-xl-y {
		overflow-x: initial;
		overflow-y: auto;
		flex: 1 1 0px;
	}
}