/*
SLIDER STYLE
*/
body.active,body.gallery-active{padding-bottom:48px;}
#zslider a.overlay{width:100%;height:100%;position:fixed;left:0;top:0;z-index:1;}
#zslider-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../images/progress.gif) no-repeat center center;}
#zslider {display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-1; height:100%; width:100%; }
#zslider img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#zslider.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#zslider.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
#zslider li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#zslider a { width:100%; height:100%; display:block; }
#zslider li.prevslide { z-index:-20; }
#zslider li.activeslide { z-index:-10; }
#zslider li.image-loading { background:#111 url(../images/progress.gif) no-repeat center center; width:100%; height:100%; }
#zslider li.image-loading img{ visibility:hidden; }
#zslider li.prevslide img, #zslider li.activeslide img{ display:inline; }

/* CONTROLS BAR
----------------------------*/
#controls-wrapper { margin:0 auto; height:42px; width:100%; bottom:0px; left:0; z-index:9999; position:fixed; }
#controls { overflow:hidden; height:100%; position:relative; text-align:left; z-index:5; }
#slidecounter { float:left; color:#999; font:14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 0 -1px 0; margin:0px 10px 0 15px; line-height:42px; }
#slidecaption {color: #fff; float: left; font: 400 13px/42px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0 20px 0 0; overflow: hidden; font-family: arial; margin-left: 10px; } 
#shownavigation { float:right; margin:0px 20px 0 0; }
#autoplay-button{ float:left;}
#autoplay-button i{color: #fff; font-size: 13px; line-height: 42px; padding-left: 12px; padding-right: 12px;width: 12px;} 	

#prevslide, #nextslide{ margin-top: -21px; position: fixed; top: 50%; opacity:1!important;z-index: 9999; } 	
#prevslide{ left:10px;}
#nextslide{ right:10px;}
#prevslide i, #nextslide i{ color: #fff; font-size: 23px; height: 41px; line-height: 41px; text-align: center; width: 40px;} 	


#nav_middle-left{ margin-top: -43px; position: fixed; top: 50%;left:0;width:40px;z-index: 9999;}
#nav_middle-left #prevslide,#nav_middle-left  #nextslide {margin-top:0;position:static;}
#nav_middle-left  #nextslide{margin-top:42px;}

#nav_middle-right{ margin-top: -43px; position: fixed; top: 50%;right:0;width:40px;z-index: 9999;}
#nav_middle-right #prevslide,#nav_middle-right  #nextslide {margin-top:0;position:static;}
#nav_middle-right  #nextslide{margin-top:42px;}


ul#slide-list{ padding:14px 0 15px; float:left; position:absolute; left:50%; margin-top:0!important;}
ul#slide-list li{ list-style:none; width:12px; height:16px; float:left; margin:0 5px 0 0; }
ul#slide-list li.current-slide a{background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: 1px solid #fff; }
ul#slide-list li a{background: none repeat scroll 0 0 #fff; border: 1px solid transparent; cursor: pointer; display: inline-block; height: 0; margin: 0 4px; padding: 4px; text-indent: -99999px; width: 0;} 	 	
ul#slide-list.circle a{border-radius: 100%; }
ul#slide-list.square a{border-radius: 0; }
ul#slide-list.num a{border-radius: 10px;opacity:.5;color: #000; font-family: helvetica; font-size: 10px; height: 10px; line-height: 11px; margin: 0; padding: 2px; text-align: center; text-indent: 0; width: 10px; } 
ul#slide-list.num li{ display: inline-block; margin: -2px 3px 0;width: auto;} 

#tray-button{ float:right; }
#tray-button:hover{ background-position:0 1px; cursor:pointer; }
#tray-button i{color: #fff; font-size: 18px; line-height: 45px; padding-right: 12px; padding-left: 12px;} 

#toggle-button{float:right;}
#toggle-button i{color: #fff; font-size: 18px; line-height: 47px; padding-right: 12px; padding-left: 12px;} 

#share-icons{float:right;margin-top:0!important;}
#share-icons{padding-right:8px;}
#share-icons li{display:inline-block;line-height:43px;}
#share-icons i{ background: none repeat scroll 0 0 #ccc; color: #fff; margin: 4px 3px; font-size: 15px; width: 21px; height: 20px; text-align: center; line-height: 21px; padding: 2px;} 	

/* PROGRESS BAR
----------------------------*/					
#showprogressbar-back{ z-index:9999; position:fixed; bottom:42px; left:0; height:4px; width:100%; background:url('../images/progress-back.png') repeat-x; }
#showprogressbar-bar{ position:relative; height:4px; width:100%;}

/* THUMBNAIL NAVIGATION
----------------------------*/	
#nextthumb,#prevthumb { z-index:2; display:none; position:fixed; bottom:61px; height:75px; width:100px; overflow:hidden; background:#ddd; border:1px solid #fff; -webkit-box-shadow:0 0 5px #000; }
#nextthumb { right:12px; }
#prevthumb { left:12px; }
#nextthumb img, #prevthumb img { width:150px; height:auto;  }
#nextthumb:active, #prevthumb:active { bottom:59px; }
#nextthumb:hover, #prevthumb:hover { cursor:pointer; }

/* THUMBNAIL TRAY
----------------------------*/			
#thumb-tray{ position:fixed; z-index:9998; bottom:0; left:0;height:150px; width:100%; overflow:hidden; text-align:center; -moz-box-shadow: 0px 0px 4px -2px #000; -webkit-box-shadow: 0px 0px 4px -2px #000; box-shadow: 0px 0px 4px -2px #000; }
#thumb-back, #thumb-forward{ position:absolute; z-index:5; bottom:42px; height:108px; width:36px;background-color:rgba(256,256,256, 0.1); }
#thumb-back{ left:0;border-right:1px solid rgba(256,256,256, 0.2);}
#thumb-forward{ right:0;border-left:1px solid rgba(256,256,256, 0.2); }
#thumb-back:hover, #thumb-forward:hover{ cursor:pointer; background-color:rgba(256,256,256, 0.3); }
#thumb-back i, #thumb-forward i {position: absolute; top: 50%; font-size: 30px; color: #fff; left: 0; right: 0; margin-left: -2px; margin-top: -16px;} 	
#thumb-forward i {margin-left:0;margin-right:-2px;}
ul#thumb-list{ display:inline-block; list-style:none; position:relative; left:0px; padding:0 0px; margin-top:0!important;}
ul#thumb-list li{ background:#111; list-style:none; display:inline; width:150px; height:108px; overflow:hidden; float:left; margin:0; }
ul#thumb-list li img { width:200px; height:auto; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }
ul#thumb-list li:hover{ cursor:pointer; }

/* TOGGLE CONTROL BAR + BUTTON
----------------------------*/	
#toggle {bottom: 0px;position: fixed; right: 0;outline:none;z-index: 9999;}
#toggle i{background: none repeat scroll 0 0 #000; bottom: 0; color: #fff; font-size: 14px; line-height: 11px; padding: 11px 11px; position: absolute; right: 0; text-align: center; z-index: 9999;} 	
#toggle i.fa-minus{display:none;}
#controls-wrapper.control_toggle{bottom:-42px;}
#showprogressbar-back.control_toggle{bottom:-48px;}