/*  DLG GLOBAL STYLES  */
/*-------------------------------------------------------------------------------*/

.viewer-wrapper { background:url(/public/design/images/bg2.png) rgba(0,0,0,0.5); min-height:100%; width:100%; z-index:1000; position:relative; top:50px; bottom:0; height:100%; /*background-size:cover;*/ }
.viewer { position:relative; height:100%; width:100%; overflow:hidden;}
.viewer-underlayer { position:relative; background:rgba(0,0,0,.7); display:none; }
.viewer.moveable .dlgBox-bar { cursor:move; }
.viewer .viewer-inner { position:relative; width:100%; overflow:hidden; }
.viewer .viewer-buttonsHolder {}
.viewer .viewer-controlsHolder { height:30px; margin:15px 20px 0; }
.viewer h1.title { color:#333333; font:22px/32px "EuropeNormal",Arial; margin:0; padding:0px 0 20px 0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

.viewer-bar { position:fixed; top:50px; right:0; left:0; height:30px; width:1020px; margin:0 auto; min-width:900px; z-index:1003 }
.viewer .hide { cursor:pointer; border-radius:50px; background:#505357; display:block; position:absolute; top:19px; right:-20px; height:40px; width:40px; text-align:center; font:30px/40px Arial; color:#fff; text-shadow:0 1px 0 rgba(0, 0, 0, 0.24); z-index:1003;}
.viewer .hide, .dlgBox-wrapper .dlgBox .hide{ -moz-transition:-moz-transform 0.3s ease 0s; -webkit-transition:-webkit-transform 0.3s ease 0s; -o-transition:-o-transform 0.3s ease 0s; -ms-transition:-ms-transform 0.3s ease 0s; transition:transform 0.3s ease 0s }
.viewer .hide:hover { background:#65696E; -moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -o-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg) }
.dlgBox-wrapper .dlgBox .hide:hover { -moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -o-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg) }


.asset-metabar { display:table-cell; margin:20px 0 0; width:888px;}
.asset-metabar-item { float:left; font:12px "RobotoRegular",Arial; margin:6px 0 5px; padding:2px 8px; position:relative;}
.asset-metabar-time { border-left:1px solid #E1E1E1; color:#999999; font:12px "RobotoLight",Arial; }
.asset-metabar-item.comments{ color:#999999; font:12px "RobotoLight",Arial; border-left:1px solid #E1E1E1; }

.post-content { margin:23px 0 0 0; }
.post-content p { color:#333; font:14px/22px arial,sans-serif; margin:0 0 16px; }
.post-content p img { margin:0 auto; max-width:540px; }
.post-content p span{ font-size:14px}
.post-content p span img{ display:inline-block }
.post-content p strong{ font-weight:bold }
.post-content .light-box-wrapper{ margin:20px 20px 0; text-align:center}
.post-content .light-box-wrapper img{ width:180px; height:auto }

.viewer .viewer-inner > .content { height:100%; overflow:hidden; background:rgba(0,0,0,1); color:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.viewer textarea { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; }

.viewer .viewer-nav  a{ position:fixed; display:block; width:42px; height:83px; top:50%; z-index:100; margin-top:-30px; color:#fff; text-decoration:none; text-align:center}
.viewer .viewer-nav  a:hover{ opacity:0.7 }
.viewer .viewer-nav .left-arrow { left:0 }
.viewer .viewer-nav .right-arrow { right:0 }
.viewer .viewer-nav .left-arrow:after { content:'\f104'; font:60px FontAwesome }
.viewer .viewer-nav .right-arrow:after { content:'\f105'; font:60px FontAwesome}


.viewer .select { margin:-3px 0 0; }
.viewer .viewer-controlsHolder .button { border-color:#fff; border-radius:0; margin:0 0 0 -1px; float:right; }
.viewer .viewer-controlsHolder .button:first-child { border-top-right-radius:4px; border-bottom-right-radius:4px; }
.viewer .viewer-controlsHolder .button:last-child {  border-top-left-radius:4px; border-bottom-left-radius:4px; }

.viewer-wrapper.loading .viewer-inner > .content { background:url("/public/images/design/loading64_anthracite.gif") no-repeat 50% 50% transparent !important; }

.viewer-scroller { position:fixed; top:2px; right:2px; bottom:2px; width:12px; z-index:10001; overflow:hidden; }
.viewer-scroller .viewer-scroll { position:absolute; top:2px; right:2px; width:10px; background:rgba(255,255,255,.4); border-radius:6px; }
.viewer-scroller .viewer-scroll:hover { background:rgba(255,255,255,.6); }

.viewer.invisible { visibility:hidden; }
.viewer.invisible object, .viewer.invisible embed, .viewer.invisible video { visibility:hidden !important; }

.viewer-wrapper .custom-hscrollbar, .viewer-wrapper .custom-vscrollbar { border-radius:9px; background:rgba(0,0,0,.3); }
.viewer-wrapper .custom-hscrollbar { height:18px; }
.viewer-wrapper .custom-vscrollbar { width:18px; }
.viewer-wrapper .custom-hscrollbar > div, .viewer-wrapper .custom-vscrollbar > div { background:rgba(0,0,0,.3); border-radius:9px; }

.viewer-wrapper.file-list { padding:12px; }
.viewer-wrapper.file-list .dlgBox-bar { height:30px; }
.viewer-wrapper.file-list .title { height:1em; padding-top:0; }
.viewer-wrapper.file-list .dlgBox-inner { overflow:hidden; }
.viewer-wrapper.file-list .dlgBox-inner .content { position:relative; margin:0; height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

.viewer-inner .left aside.news { border:none; }

.hide-wrap{z-index:1003;}