div.viewer { display:none; z-index:77; position:absolute; top:0; left:0; width:100% }
div.viewer div.container { position:absolute; top:50%; left:50%; box-shadow:0px 3px 10px rgba(0,0,0,0.2)}
div.viewer div.image { cursor:hand; cursor:pointer; height:100%; padding:10px; background:#fff; border-radius:5px }
div.viewer img { border-radius:3px }
div.viewer div.caption { color:#fff; font-style:italic; text-align:center; padding:10px 0 0 0 }
div.viewer-loading { display:none; z-index:77; position:absolute; top:50%; left:50%; background:#fff }

div.viewer .aClose { cursor:hand; cursor:pointer; }
div.viewer .aClose:before { font-size:1.2em; color:#fff; padding:1em; right:0; top:0; content:'\f00d'; position:absolute; z-index:10; font-family:'FontAwesome'  }

div.viewer .aPrev, div.viewer .aNext { cursor:hand; cursor:pointer; display:none; z-index:1; position:absolute; top:0; left:25px; width:20px; height:100%; color:#fff; font-size:42px; font-family:'FontAwesome'; opacity:0.6; text-shadow:0 0 5px rgba(0,0,0,1) }
div.viewer .aNext { left:auto; right:25px }
div.viewer .aPrev:before, div.viewer .aNext:before { color:#333; content:'\f104'; position:absolute; top:50%; left:0; margin-top:-20px }
div.viewer .aNext:before { content:'\f105'; left:auto; right:0;  }
div.viewer .aPrev:hover, div.viewer .aNext:hover { opacity:1 }

div.viewer .aPrev, div.viewer .aNext { font-size:62px; color:#353535; text-shadow: none;  }

div.viewer-image div.aPrev, div.viewer-image div.aNext { display:block } 

div.viewer-video div.image, 
div.viewer-object div.image { background:#000 }