.mediaList {padding:20px 0 0;margin:0 auto;}
.mediaList ul {list-style: none;margin: 0;padding:0;}
.mediaList ul li {float:left;padding:0 20px 20px;margin: 0;list-style: none;position:relative}
.mediaList ul a {margin: 0;padding: 0;}
.mediaList ul a:hover {margin: 0;padding: 0;}
.mediaList ul a img {border: none;}

.centerHVGalleryML {display: table-cell;text-align: center;vertical-align: middle;height: 160px;width: 160px;border: 1px solid #cccccc;}
.centerHVGalleryML * {vertical-align: middle;}
/*\*//*/
.centerHVGalleryML {
    display: block;
}
.centerHVGalleryML span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/

.mediaList ul li .centerHVGalleryML a span.photoIcon,
.mediaList ul li .centerHVGalleryML a span.videoIcon,
.mediaList ul li .centerHVGalleryML a span.audioIcon
{width: 27px;height: 27px;display: block;position: absolute;bottom: 26px;right: 26px;}

.centerHVGalleryML span.photoIcon{background: url(/img/icons/photo.gif);}
.centerHVGalleryML span.videoIcon{background: url(/img/icons/video.gif);}
.centerHVGalleryML span.audioIcon{background: url(/img/icons/audio.gif);}

.mediaList ul li .centerHVGalleryML a:hover span.photoIcon,
.mediaList ul li .centerHVGalleryML a:hover span.videoIcon,
.mediaList ul li .centerHVGalleryML a:hover span.audioIcon {background-position: left -27px; cursor:pointer}