/**

 *

 *	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:0;opacity:0;position:relative;width:100%;zoom:1}.wmg-container>*{font-family:sans-serif;font-size:18px}.wmg-container img{max-width:100%}.wmg-item{display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.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:0;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

 *

 *

 **/

.wmg-container{

	background: #eeeeee;

}

.wmg-thumbnail{

	background: #686868;

	color: #ffffff;

	cursor: pointer;

}

.wmg-arrow{

	border-bottom-color: #e3e3e3;

}

.wmg-close{

	background: url(../assets/img/wmg-btn-close.png) no-repeat 0px 0px;

	display: block;

	height: 30px;

	right: 10px;

	top: 5px;

	width: 30px;

}

.wmg-close:hover, .wmg-close:active{

	background-position: 0px -31px; 

}

.wmg-details-content{

	background: #e3e3e3;

}



/* opened */

.wmg-container.open{

	background: #000000;

}

.wmg-container.open .wmg-thumbnail{

	background: #242424;

	color: #242424;

}

.wmg-container.open .wmg-thumbnail.open{

	background: #e3e3e3;

}

.wmg-container.open .wmg-thumbnail img{

	-moz-opacity: 0.20;

	-khtml-opacity: 0.20;

	opacity: 0.20;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=20);

}

.wmg-container.open .wmg-thumbnail:hover img{

	-moz-opacity: 0.40;

	-khtml-opacity: 0.40;

	opacity: 0.40;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=40);

}

.wmg-container.open .wmg-thumbnail.open img{

	-moz-opacity: 1;

	-khtml-opacity: 1;

	opacity: 1;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);

}