/* GALLERY CSS */

div.modalDiv{
	margin-left: 172px; 
	z-index: 30;
	width: 680px; 
	height: 552px; 
	background-image:url(/skin/img/transparent.png); 
	background-repeat:repeat;
}
div.modalDiv h4 { line-height:38px; padding-left:60px; font-size:18px; color:#FFF; font-weight:bold; }

div.modalBox { position:relative; width:560px; height:504px; margin-left:60px; background-color:#000; } 
div.mainImage { position:relative; width:560px; height:420px; overflow:hidden; }

div.mainImage div.imgTitle { width:560px; height:30px; background-image:url(/skin/img/transparent.png); background-repeat:repeat; color:#FFF; position:absolute; bottom:0; overflow:hidden; }
div.mainImage div.imgTitle span{ line-height:30px; padding:0 10px; }

div#modalNavBox { width:560px; height:60px; background-image:url(/skin/img/transparent.png); background-repeat:repeat; padding:12px 0; position:absolute; top:420px; }
div.modalNavLeft { width:40px; height:60px; background-image:url(/skin/img/page/music/h-nav-l.png); background-repeat:no-repeat; background-position:center; cursor:pointer; } 
div.modalNavRight { width:40px; height:60px; background-image:url(/skin/img/page/music/h-nav-r.png); background-repeat:no-repeat; background-position:center; cursor:pointer; } 

div#scrollerBox { position:relative; height:60px; width:480px; overflow:hidden; margin:0; padding:0; border:none; }
ul#modalScroller { position:relative; height:60px; list-style:none; margin:0; padding:0; }
ul#modalScroller li { float:left; cursor:pointer; width: 80px; height:60px; margin-right:20px; overflow:hidden; }