.lof-slidecontent { position:relative; overflow:hidden; } .lof-slidecontent .preload{ height:300px; width:500px; position:absolute; top:0; left:0; z-index:100000; text-align:center; background:#ccc; } .lof-slidecontent .preload div{ height:300px; width:500px; background:transparent url(https://lh3.googleusercontent.com/-c-XHdEgpIaY/UVNI-QD2G2I/AAAAAAAAD_0/zv7DaQPTn0s/s128/load-indicator.gif) no-repeat scroll 50% 50%; } .lof-slidecontent .sliders-wrapper{ position:relative; height:300px; width:500px; z-index:3px; overflow:hidden; } .lof-slidecontent ul.sliders-wrap-inner{ overflow:hidden; background:transparent url(https://lh3.googleusercontent.com/-c-XHdEgpIaY/UVNI-QD2G2I/AAAAAAAAD_0/zv7DaQPTn0s/s128/load-indicator.gif) no-repeat scroll 50% 50%; padding:0px; margin:0; position:absolute; overflow:hidden; } .lof-slidecontent ul.sliders-wrap-inner li{ overflow:hidden; padding:0px; margin:0px; float:left; position:relative; } .lof-slidecontent .lof-opacity { width:100%; height:100%; } .lof-slidecontent .lof-opacity li{ position:absolute!important; top:0; left:0; float:inherit!important; } .lof-slidecontent .navigator-content { position:absolute; left:0; top:0px; z-index:9; height:300px; width:100px; overflow:hidden; color:#ccc; } .lof-slidecontent .navigator-wrapper{ position:relative; z-index:10; height:180px; width:100px; overflow:hidden; color:#FFF; float:left } .lof-slidecontent ul.navigator-wrap-inner{ top:0; padding:0; margin:0; position:absolute; width:100%; } .lof-slidecontent ul.navigator-wrap-inner li{ cursor:hand; cursor:pointer; list-style:none; padding:0; margin-left:0px; overflow:hidden; float:left; display:block; text-align:center; } /*******************************************************/ ul.sliders-wrap-inner li img{ padding:0px; } .lof-slidecontent .slider-description a.readmore{ color:#58B1EA; font-size:95%; } .lof-slidecontent .slider-description a{ color:#FFF; } .lof-slidecontent .slider-description{ z-index:100px; position:absolute; bottom:4px; left:100px; width:420px; background:url(https://lh6.googleusercontent.com/-7jWTFE__10M/UVNI-PGS27I/AAAAAAAAD_A/JzrfOm3jQrY/s128/bg_trans.png); height:78px; padding:10px; color:#FFF; } .lof-slidecontent .slider-description h4 { font-size: 14px; margin: 10px 0; padding: 0; } .lof-slidecontent .slider-description .slider-meta a{ margin:0; background:#C01F25; font-size:75%; padding:2px 3px; font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif; text-transform:uppercase; text-decoration:none } .lof-slidecontent .item-meta a:hover{ text-decoration:underline; } .lof-slidecontent .item-meta i { font-size:70%; } /* item navigator */ .lof-slidecontent ul.navigator-wrap-inner li.active{ } .lof-slidecontent ul.navigator-wrap-inner li > div{ background:url(https://lh3.googleusercontent.com/-bKHq5LqE_Zs/UVNJAXfKPHI/AAAAAAAAD_s/kXzh_lvhoZw/s128/transparent_bg.png); color:#FFF; height:100%; position:relative; padding-left:15px; border-top:1px solid #E1E1E1; text-align:left; } .lof-slidecontent ul.navigator-wrap-inner li.active div{ background:url(https://lh6.googleusercontent.com/-7jWTFE__10M/UVNI-PGS27I/AAAAAAAAD_A/JzrfOm3jQrY/s128/bg_trans.png); color:#FFF; } .lof-slidecontent ul.navigator-wrap-inner li img{ height:60px; width:60px; margin:15px 15px 10px 0px; float:left; padding:3px; border:#C5C5C5 solid 1px; } .lof-slidecontent ul.navigator-wrap-inner li.active img, .lof-slidecontent ul.navigator-wrap-inner li:hover img { border:##6C8E5C solid 1px; } .lof-slidecontent .button-next, .lof-slidecontent .button-previous{ display:block; width:40px; color:#FFF; cursor:pointer; position:absolute; height:100%; z-index:40; top:0; text-indent:-999px; } .lof-slidecontent .button-next { right:0px; background:url(https://lh4.googleusercontent.com/-_cHcJT2vclw/UVNI_CkEFLI/AAAAAAAAD_w/iCNbfxHdP60/s128/next.png) no-repeat right center; } .lof-slidecontent .button-previous { left:0px; background:url(https://lh6.googleusercontent.com/-tw6Fa3knGrI/UVNI_9XvCEI/AAAAAAAAD_c/bMrNhbzAEio/s128/previous.png) no-repeat left center; } .lof-slidecontent .button-control { position:absolute; top:10px; right:48%; height: 20px; width: 20px; cursor:hand; cursor:pointer; background:url(https://lh3.googleusercontent.com/-bKHq5LqE_Zs/UVNJAXfKPHI/AAAAAAAAD_s/kXzh_lvhoZw/s128/transparent_bg.png) repeat; } .lof-slidecontent .button-control span { display:block; width:100%; height:100%; } .lof-slidecontent .action-start span { background:url(https://lh3.googleusercontent.com/-37K8Q1_N74w/UVNI_5nss8I/AAAAAAAAD_g/sqzCfv5FvN8/s128/play.png) no-repeat center center; } .lof-slidecontent .action-stop span { background:url(https://lh4.googleusercontent.com/-673rmVSEBmg/UVNI_cOXXaI/AAAAAAAAD_o/se8NE0ht7_M/s128/pause.png) no-repeat center center; }