div.mediaGallery {
	position: relative;
	display: block;
	width: 100%;
	min-height: 478px;
	max-height: 490px;
	z-index: 100;
	margin-bottom: 15px;
	}
	
	div.mediaGallery > ul#arrows {
		z-index: 300;
		position: relative;
		list-style: none;
		display: block;
		margin: 0;
		padding: 0;
		}
		
		div.mediaGallery > ul#arrows > li {
			position: absolute;
			top: 140px;
			display: block;
			width: 65px;
			height: 120px;
			padding: 0;
			background-color: transparent;
			background-repeat: no-repeat;
			cursor: pointer;
			}
			
			div.mediaGallery > ul#arrows > li:hover {
				background-color: rgba(0,0,0,0.8);
			}
			
			div.mediaGallery > ul#arrows > li#left{
				left: 0;
				background-image: url('icon-arrowLeft.png');
				background-position: 15px center;
				border-radius: 0 5px 5px 0;
			}
			
			div.mediaGallery > ul#arrows > li#right{
				right: 0;
				background-image: url('icon-arrowRight.png');
				background-position: 20px center;
				border-radius: 5px 0 0 5px;
			}
	
	div.mediaGallery > ul.galleryList {
		position: relative;
		list-style: none;
		display: block;
		width: 750px;
		min-height: 478px;
		max-height: 490px;
		overflow: hidden;
		z-index: 200;
		}
		
		div.mediaGallery > ul.galleryList > li {
			display: none;
			width: 750px;
			height: 420px;
			padding: 0;
			background: transparent none no-repeat center top;
			background-size: cover;
			}
			
			div.mediaGallery > ul.galleryList > li > div.imageDescription {
				position: absolute;
				left: 0;
				bottom: 0;
				display: block;
				width: 710px;
				max-height: 54px;
				overflow: hidden;
				background: #f4f4f4;
				padding: 20px;
				}
				
				div.mediaGallery > ul.galleryList > li > div.imageDescription > h4 {
					font: normal normal 400 14px/18px "Open Sans", sans-serif;
					color: #999;
				}