@CHARSET "ISO-8859-1";

.gallery-image-container::before, .gallery-image-container::after,
..gallery-video-container::before, ..gallery-video-container::after {
    content: " ";
    display: table;
}

.gallery-image-container .gallery-image-field{
	float: left;
	width:180px;
	margin:10px
}
.gallery-video-container .gallery-video-field{
	float: left;
	width:280px;
	margin:10px
}
.gallery-video-container .gallery-video-field{
	font-size:30px;
	text-align:center;
}
.gallery-video-container .gallery-video-field .error{
	font-size: 14px;
	height: 100%;
	border: 1px solid rgb(255, 201, 201);
	background: rgb(236, 236, 236) none repeat scroll 0% 0%;
}
.gallery-image-container .gallery-image-field.first{
	margin-left:10px;
}
.gallery-image-container .gallery-image-field.last{
	margin-right:10px;
}
.gallery-image-container .gallery-image-field img{
	width:100%;
	max-width:100%;
	height:auto;
}
.gallery-image-container .um-gallery-single-image{
	position:relative;
}
.gallery-image-container .um-gallery-single-image ._cancel{
	position: absolute;
	top: 5px;
	right:5px;
	opacity:.4;
	z-index: 99999;
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 20px;
	font-size: 20px;
	font-weight: bold;
	color: rgb(0, 0, 0);
	font-family: sans-serif;
}
.gallery-image-container .um-gallery-single-image:hover .cancel{
	opacity:.7;
}
.gallery-image-container .um-gallery-single-image .preview{
	opacity:0;
	height: 100%;
    width: 100%;
    line-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.48);
    transition: all .2s ease-in;	
}
.gallery-image-container .um-gallery-single-image .preview a{
    color: #fff;
    font-size: 30px;
    line-height: 180px;
    margin:0 5px;
    text-decoration:none;
    border:0;
    opacity:0.7;
}
.gallery-image-container .um-gallery-single-image .preview a:hover{
	opacity:1;
	fonbt-size:35px;
}
.gallery-image-container .um-gallery-single-image:hover .preview{
	opacity:1;
}

.clear{
	clear:both;
}
.um-gallery-single-holder{
	width:280px;
	height:240px;
}