/* CSS
 * Author: Andrey Goglev
 * Copyright: KabulJan Ltd.
 * photo_view.css
 * Released under the KabulJan license by 2014
*/
.photo_view_wrap{background: #000;overflow: hidden;height: 100%;width: 100%;z-index: 1000;position: fixed;top:0;left:0;right:0;bottom:0;}
.cur_photo, .vpimage, .ppimage, .ppimage_bl, .vpimage_bl, .npimage, .npimage_bl{position: absolute;top:0;left:0;right:0;bottom:0;}
.ppimage_bl, .npimage_bl, .vpimage_bl{width:100%;}
.vpimage, .ppimage, .npimage{max-width: 100%;max-height: 100%;margin: auto;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.ppimage_bl{/*transform: translate(-105%,0);*/left:-105%;}
.npimage_bl{/*transform: translate(105%,0);*/left:105%;}
.pwhead{position: absolute;top:0;left:0;width: 100%;background: rgba(81,81,81,.75);height: 45px;z-index:111;transition: opacity 200ms ease;}
.pwtitle{font-size:14px;color: #fff;font-weight: bold;padding: 13px;}
.pwclose{position: absolute;top:0;right:0;color: rgba(255,255,255,0.8);font-size: 27px;padding: 9px;cursor: pointer;}
.pwclose:hover{background: rgba(255,255,255,0.1)}
.pwcinftxt_top, .pwcinftxt_bottom{position: absolute;color: #fff;font-weight: bold;font-style: 13px;text-align: center;width:100%;left:0;opacity: 0;transition: opacity 200ms ease;}
.pwcinftxt_bottom{top: initial;bottom: 0;}
.pwfooter{position: absolute;bottom:0;left:0;width: 100%;background: rgba(61,61,61,.75);background: -moz-linear-gradient(top,rgba(61,61,61,.75),rgba(64,64,64,.75));background: -webkit-gradient(linear,0 0,0 100%,from(rgba(61,61,61,.75)),to(rgba(64,64,64,.75)));height: 45px;z-index:111;transition: opacity 200ms ease;padding: 0;border:0;}
.pwfooter_but{display: inline-block;padding-top: 14px;width:50%;height: 45px;text-align: center;color: #fff;cursor: pointer;font-size:14px;font-weight: bold;border:0;}
.pwfooter_but.like_b{position: relative;float: left;}
.pwfooter_but .border{width: 1px;height: 100%;background: rgba(255,255,255,.15);right: 0px;top:0px;position: absolute;}
.pwfooter_but span{font-size:18px;}
.pwfooter_but i{font-style: inherit;}
.pwfooter_but.active_pw{color: #86fb87}
.pwfooter_but:hover{background: rgba(255,255,255,.15)}
.pwdescription{padding: 10px 30px;color: #fff;text-shadow: 0 1px rgba(0,0,0,.5);position: relative;}
.pwdescription_shadow{background: -webkit-gradient(linear,0 0,0 100%,from(rgba(64,64,64,0)),to(rgba(64,64,64,.55)));height: 300%;width: 100%;position: absolute;bottom: 0;left: 0;z-index: 1;}
#pw_description_block{transition: opacity 200ms ease;position: absolute;bottom: 45px;left:0;width: 100%;}
.pwdescription span{overflow: hidden;text-overflow: ellipsis;max-height: 3.8em;color: #fff;display: block;z-index:10;position: inherit;}