/**
 *
 *	essential styles
 *		- the following styles are essential to the functioning of the plugin
 *
 **/
@font-face {
    font-family: empty;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAQ0AAoAAAAAA+wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAJ4AAACeXQ48j09TLzIAAAGUAAAAYAAAAGAIIgbWY21hcAAAAfQAAABEAAAARAAyAGlnYXNwAAACOAAAAAgAAAAIAAAAEGhlYWQAAAJAAAAANgAAADb9mzB5aGhlYQAAAngAAAAkAAAAJAHiAeVobXR4AAACnAAAABAAAAAQAAAAAG1heHAAAAKsAAAABgAAAAYABFAAbmFtZQAAArQAAAFdAAABXVqZXRlwb3N0AAAEFAAAACAAAAAgAAMAAAEABAQAAQEBDHNwYWNlLWVtcHR5AAECAAEAOvgcAvgbA/gYBB4KABlT/4uLHgoAGVP/i4sMB4tr+JT4dAUdAAAAfA8dAAAAgREdAAAACR0AAACVEgAFAQEMFxkbHnNwYWNlLWVtcHR5c3BhY2UtZW1wdHl1MHUxdTIwAAACAYkAAgAEAQEEBwoN/JQO/JQO/JQO/JQO+JQU+JQViwwKAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAABAAAAAIAHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADAAAAAIAAgAAgAAAAEAIP/9//8AAAAAACD//f//AAH/4wADAAEAAAAAAAAAAAABAAH//wAPAAEAAAABAAAAeR2GXw889QALAgAAAAAAzz54vgAAAADPPni+AAAAAAAAAAAAAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAABQAAAEAAAAAAAOAK4AAQAAAAAAAQAWAAAAAQAAAAAAAgAOAGMAAQAAAAAAAwAWACwAAQAAAAAABAAWAHEAAQAAAAAABQAWABYAAQAAAAAABgALAEIAAQAAAAAACgAoAIcAAwABBAkAAQAWAAAAAwABBAkAAgAOAGMAAwABBAkAAwAWACwAAwABBAkABAAWAHEAAwABBAkABQAWABYAAwABBAkABgAWAE0AAwABBAkACgAoAIcAcwBwAGEAYwBlAC0AZQBtAHAAdAB5AFYAZQByAHMAaQBvAG4AIAAxAC4AMABzAHAAYQBjAGUALQBlAG0AcAB0AHlzcGFjZS1lbXB0eQBzAHAAYQBjAGUALQBlAG0AcAB0AHkAUgBlAGcAdQBsAGEAcgBzAHAAYQBjAGUALQBlAG0AcAB0AHkARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('woff');
}
.wmg-container{
	filter: alpha(opacity=0);
	font-family: empty;
	font-size: 0px;
	opacity: 0.0;
	
	width: 100%;
	zoom: 1;
	
}
.wmg-container.open .wmg-thumbnail:hover img {
	opacity: 1;
}
.wmg-container > *{
	font-family: sans-serif;
	font-size: 18px;
}
.wmg-container img{
	max-width: 100%;
}

	.wmg-item{
		display: inline-block;
		*display: inline;
		-moz-box-sizing: border-box;
	  	-webkit-box-sizing: border-box;   
	  	box-sizing: border-box;
		/*margin-top: 3rem;
		margin-bottom: 3rem;*/
	}

		.wmg-thumbnail{
			height: 100%;
			text-align: center;
			position: relative;
			width: 100%;
		}
			.wmg-arrow{
				border-bottom: 10px solid;
				border-left: 10px solid transparent;
				border-right: 10px solid transparent;
				bottom: -15px;
				display: none;
				height: 0;
				position: absolute;
				width: 0;
				z-index: 2;
			}
			.wmg-thumbnail-content{
				height: 100%;
				overflow: hidden;
				width: 100%;
			}
			.wmg-thumbnail-content img{
				vertical-align: middle;
			}

		.wmg-details{
			left: 0px;
			margin-top: 15px;
			overflow: hidden;
			position: absolute;
			width: 100%;
		}
			.wmg-close{
				cursor: pointer;
				display: block;
				position: absolute;
				z-index: 2;
			}
			.wmg-details-content{
				height: auto;
				
			}


/**
 *
 *	sample styles
 *  	- the following styles are just one example. You can customize at will
 *
 *
 **/