.photoviewer {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 99;
}
    .photoviewer .inner {
        background: #fff;
        height: 760px;
        margin: 0 auto;
        width: 760px;
    }


.btCenter span,
#closePhotoviewer,
#inner .prev_photo a,
#inner .next_photo a,
#photos_wrap div.leftShadow,
#photos_wrap div.rightShadow,
#inner .photoInfo .user_name,
/*#inner .comments.top_form a.user_name,*/
#inner .top_form_wrap .top_form .btn,
#inner .photoInfo .float_r .service_controls .service_btn.active .wr .lbl
{
	background-image: url('/static/blocks/photo_viewer/photo_viewer_sprite_2.png');
}

#photoviewer_bg_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 800px; /* min width = 1028, cause main page width is 1028 */
	height: 100%;
	background: #161616;
	z-index: 90;
	opacity: 0.95;
}
#photoviewer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 900px;
	height: 100%;
	overflow: auto;
	z-index: 91;
	font: 13px Tahoma, sans-serif;
	line-height: 21px;
	/*color: #858585;*/
    color: #000;
	text-align: center;
	margin: 0 0 0 0;
}

#photoviewer #inner .photoInfo .photo_controls_wr .like_button_wr {
     display: none;
}
	#eventViewer {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	#closePhotoviewer {
		position: fixed;
		display: block;
		top: 0;
		right: 0;
		margin: 15px 35px 0 0;
		width: 15px;
		height: 15px;
		/*background-position: 0 -66px;*/
        background-position: -19px -66px;
		cursor: pointer;
		z-index: 96;
	}
    /*#closePhotoviewer:hover {
        background-position: -19px -66px;
    }*/
	#inner {
		display: inline-block;
		text-align: left;
		position: relative;
		margin: 5px 0 0 0;
		width: auto;
		padding: 95px 23px 10px 23px;
        background: #fff;

        -webkit-box-shadow: 0 0 8px 0 #000;
           -moz-box-shadow: 0 0 8px 0 #000;
                box-shadow: 0 0 8px 0 #000;
	}
		#sorterWrap {
			position: relative;
			height: 58px;
			margin: 0 0 35px 0;
		}
		#photos_wrap {
			width: 100%;
			height: 80px;
			position: absolute;
			left: 0;
			top: 0;
			/*overflow: hidden;*/
			margin: 0 0 0 0;
			background: #000;
			z-index: 95;
		}
            #photos_wrap .scrollbar .thumb {
                position: relative;
                height: 5px;
                background: #424242;

                -webkit-border-radius: 5px;
                   -moz-border-radius: 5px;
                        border-radius: 5px;
            }

            /*
            #photos_wrap:hover .scrollbar {
                opacity: 1;
                visibility: visible;
            }
            */

			#photos_wrap .photos_wrap_overflow {
				position: relative;
				width: 100%;
				height: 60px;
				padding: 9px 0;
				overflow: hidden;
			}

		#inner.toggler {
            margin-top: 5px;
            padding-top: 15px;
		}
		#inner.toggler #photos_wrap {
			height: 0 !important;
			padding: 0 0 !important;
		}
			#inner.toggler #photos_wrap .photos_wrap_overflow {
				display: none;
			}
			#photos_wrap_toggle {
                position: absolute;
				width: 30px;
				height: 10px;
                line-height: 2px;
                text-align: center;
				background: #000;
                color: #fff;
				bottom: 0;
				right: 0;
				margin: 0 0 -10px 0;
				cursor: pointer;
                -webkit-border-radius: 0 0 5px 5px;
                   -moz-border-radius: 0 0 5px 5px;
                        border-radius: 0 0 5px 5px;
			}
            #photos_wrap div.leftShadow {
                position: absolute;
                top: 0;
                left: 0;
                margin: 9px 0 0 0;
                width: 20px;
                height: 60px;
                overflow: hidden;
                background-position: 0 -243px;
            }
            #inner.toggler div.leftShadow, #inner.toggler div.rightShadow {
                display: none;
            }
            #photos_wrap div.rightShadow {
                position: absolute;
                top: 0;
                right: 0;
                margin: 9px 0 0 0;
                width: 20px;
                height: 60px;
                overflow: hidden;
                background-position: -21px -243px;
            }
			#photos_wrap ul {
				position: absolute;
				width: 39999px;
				height: 60px;
				margin: 0 0;
				padding: 0 0;
			}
			#photos_wrap ul li {
				float: left;
				display: inline;
                position: relative;
                width: 60px;
				height: 60px;
                overflow: hidden;
                margin: 0 2px 0 0;
			}
				#photos_wrap ul li a {
					display: block;
                    position: relative;
					height: 60px;
                    width: 60px;
                    overflow: hidden;
					text-decoration: none;
                    background-position: center center;
				    background-repeat: no-repeat;

				}
				#photos_wrap ul li a:hover {
					/*border: 1px solid #ee713a;
					height: 58px;*/
				}
                    #photos_wrap ul li a img {
                        position: absolute;
                        top: 0;
                        left: 0;
                        margin: 0 0;
                        /*
                        top: -50%;
                        left: -50%;
                        margin: 15px 0 0 15px;
                        */
                    }
			#photos_wrap ul li.active {
				outline: 2px solid #ee713a;
				border: 1px solid #ee713a;
				width: 58px;
				height: 58px;
			}
				#photos_wrap ul li.active a {
					height: 58px;
					border: 0 !important;
				}
		#inner .photoWrap {
			position: relative;		/* ?? */
			text-align: center;
			/*background: #000;*/
			margin: 0 auto;
			/*min-width: 980px;*/
			min-width: 800px;
			width: 100%;
        }
            #inner .photoWrap .photoWrap_like_wrapper {
                position: absolute;
                left: 0;
                right: 0;
                margin-left: auto;
                margin-right: auto;
                width: 100%;
                height: 50%;
            }

            #inner .photoWrap .photoWrap_like_block {
                position: absolute;
                right: 0;
                width: 50%;
                height: 100%;
                z-index: 1000;
            }

            #inner .photoWrap .photoWrap_like_block_inner {
                float: right;
                margin-top: 20px;
                background: rgba(0, 0, 0, 0.48);
                color: rgba(255, 255, 255, 0.7);
                border-bottom: 1px solid rgba(165, 165, 165, 0.7);
                border-right: 1px solid rgba(158, 158, 158, 0.5);
                border-radius: 10px;
                margin-right: 20px;
            }

            #inner .photoWrap .photoWrap_like_rating_block {
                display: none;
                background-image: url(/static/blocks/ratings/photo_like.png);
                background-position: 10px 4px;
                background-repeat: no-repeat;
                padding-left: 70px;
                color: #fff;
                font-size: 32px;
                padding-right: 10px;
                padding-top: 24px;
                padding-bottom: 15px;
            }

            #inner .photoWrap .photoWrap_like_block:hover .photoWrap_like_rating_block {
                display: inline-block;
            }

            #inner .photoWrap .photoWrap_like_rating_block.photoWrap_like_rating_block_active {
                background-image: url(/static/blocks/ratings/photo_like_active.png);
                color: #51dece;
                
            }

            #inner .photoWrap .photoWrap_like_rating_block:hover:not(.photoWrap_like_rating_block_active) {
                cursor: pointer;
            }
            

			#inner .photoWrap img {
				position: relative;
				vertical-align: top;

				width: auto;			/* must be auto, need fix for firefox */
				min-width: auto !important;
				max-width: 100%;

                min-height: 100px;
				z-index: 101;
				/*max-height: 800px;*/
			}
            #inner.show_full_sized .photoWrap img {
				max-width: none;
                min-height: none;
	            z-index: 101;
			}


            #inner .photoWrap .photo_rating {
                position: absolute;
                display: none;
                height: 24px;
                line-height: 24px;
                background: #fff;
                color: #02830e;
                padding: 0 10px 0 27px;
                margin: 0 0 -12px 0;
                bottom: 0;
                left: 50%;

                -webkit-border-radius: 10px;
                   -moz-border-radius: 10px;
                        border-radius: 10px;
            }
                #inner .photoWrap .photo_rating .icon {
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    margin: 5px 0 0 11px;
                    width: 11px;
                    height: 13px;
                    background: url('/static/blocks/ratings/sprite_icons_ratings.png') no-repeat 0 0;
                }

            #inner .photoWrap .viewer_theme_menu {
                position: absolute;
                background: #fff;
                bottom: 0;
                left: 50%;
                margin: 0 0 5px -88px;
                padding: 1px;
                display: none;

                -webkit-border-radius: 12px;
                   -moz-border-radius: 12px;
                        border-radius: 12px;
            }
            #inner .photoWrap:hover .viewer_theme_menu{
                display: block;
            }
            #inner .photoWrap .viewer_theme_menu_mask {
                position: absolute;
                z-index: 1000;
                background: #fff;
                width: 155px;
                height: 20px;
                left: 50%;
                bottom: 0;
                margin: 0 0 5px -88px;
                display: block;
            }

            #inner .photoWrap .photo_panel {
                position: relative;
                margin: 0 0;
            }

                #inner .photoWrap .photo_panel li {
                    float: left;
                    display: inline;
                    width: 30px;
                    height: 17px;
                    overflow: hidden;
                    text-indent: 99px;
                    margin: 0 0 0 0;
                    border-right: 1px solid #fff;
                    cursor: pointer;
                }
                #inner .photoWrap .photo_panel li:last-child {
                    /*
                    -webkit-border-radius: 0 10px 10px 0;
                       -moz-border-radius: 0 10px 10px 0;
                            border-radius: 0 10px 10px 0;
                    */
                }
                #inner .photoWrap .photo_panel li:first-child {
                    -webkit-border-radius: 10px 0 0 10px;
                       -moz-border-radius: 10px 0 0 10px;
                            border-radius: 10px 0 0 10px;
                }
                #inner .photoWrap .photo_panel li.white_theme {
                    background: #fff;

                    /*-webkit-box-shadow: 0 0 3px 0 #333;
                       -moz-box-shadow: 0 0 3px 0 #333;
                            box-shadow: inset 0 0 3px 0 #ccc;*/

                }
                #inner .photoWrap .photo_panel li.dark_theme {
                    background: #000;
                }
                #inner .photoWrap .photo_panel li.grey_theme {
                    background: #ccc;
                }
                #inner .photoWrap .photo_panel li.green_theme {
                    background: #4b904b;
                }
                #inner .photoWrap .photo_panel li.beige_theme {
                    background: wheat;
                }
            #inner .photo_full_size {
                width: 25px;
                height: 15px;
                background: url('/static/blocks/photo_viewer/scale-icons.gif') no-repeat 0 0;
                cursor: pointer;
                margin: 1px 8px 0 7px;
            }
            #inner.show_full_sized .photo_full_size {
                background-position: 0 -21px;
            }


		#inner .photoInfo {
			position: relative;
			border-bottom: 1px dotted #646565;
			padding: 12px 0 16px 0;
			margin: 0 auto 10px auto;
			width: 800px;
		}
			#inner .photoInfo .float_l {
				position: relative;
				/*width: 560px;*/
			}
            #inner .photoInfo .namesBlock {
                width: 390px;
            }
				#inner .photoInfo .title {
					font: 12px Tahoma, sans-serif;
					/*color: #fff;*/
                    color: #000;
					/*padding: 0 0 0 23px;*/
					margin: 4px 0 10px 0;
				}
				.photoalbum_title {
                    position: relative;
                    margin-left: -20px;
                }
					.photoalbum_title a {
						position: relative;
						padding: 0 0 0 20px;
						/*color: #8b8b8b;*/
						display: inline-block;

					}
						.photoalbum_title a span.icon {
							position: absolute;
							width: 17px;
							height: 16px;
                            background: url('/static/blocks/_cmn/sprite_icons_wiki_column.png') no-repeat 0 0;
							top: 0;
							left: 0;
							margin: 4px 0 0 0;
						}
                        .photoalbum_title.photoalbum a span.icon, .photoalbum_title.memo a span.icon {
                            background-position: 0 -100px;
						}
                        .photoalbum_title.advice a span.icon {
                            background-position: 1px -59px;
                            margin-left: 2px;
						}
                        .photoalbum_title.object a span.icon {
                            background-position: 4px -21px;
                            margin-left: 2px;
						}
                        .photoalbum_title.blogentry a span.icon {
                            background-position: 1px -119px;
						}
				#inner .photoInfo .user_name {
					padding: 0 0 0 23px !important;
					font: 13px Tahoma, sans-serif;
					background-position: 10px -21px;
					/*color: #8b8b8b;*/
                    color: #000;
				}

                #inner .photoInfo .direct-link {
                    clear: both;
                }

			#inner .photoInfo .float_r {
				position: relative;
			}
				/*#inner .photoInfo .float_r p {
					margin: 0 0 12px 0;
					display: inline !important;
				}*/
				/*#inner .photoInfo .float_r .rating {
					display: inline-block;
					margin: 0 0 8px 0;
				}*/

                #inner .photoInfo .like_button_wr {
                    margin-right: -18px;
                }
                #inner .photoInfo .like_button {
                    margin-bottom: 15px;
                }
                    #inner .photoInfo .like_button .rating {
                        padding: 0 8px;
                        margin: 0 0 0 6px;
                    }
                    #inner .photoInfo .like_button .help_tip {
                        vertical-align: top;
                    }
                        #inner .photoInfo .like_button .help_tip_bubble {
                            line-height: 12px;
                        }

                #inner .photoInfo .service_controls .service_btn {
                    vertical-align: top;
                    margin-right: 5px;
                }

            #inner .photoInfo .soc_buttons_wr {
                width: 500px;
                position: relative;
                text-align: right;
            }
                #inner .photoInfo .soc_buttons_wr .soc_button,
                #inner .photoInfo .soc_buttons_wr ul.repost_block {
                    float: none;
                    display: inline-block;
                    vertical-align: top;
                    margin: 0 0 0 10px;
                }
                #inner .photoInfo .soc_buttons_wr .soc_button.vkontakte_share {
                    margin: 0 0;
                }
                #inner .photoInfo .soc_buttons_wr .soc_button.facebook_share {
                    margin-left: 0;
                }
                #inner .photoInfo .soc_buttons_wr .soc_button.google_like {
                    width: 32px;
                }
                    #inner .photoInfo .soc_buttons_wr .soc_button.vkontakte_share #vk_like_photo,
                    #inner .photoInfo .soc_buttons_wr .soc_button.vkontakte_share #vk_like_photo iframe {
                        width: 89px !important;
                    }

            #inner .photoInfo .compact_wiki_wr {
                margin-right: 5px;
            }
                #inner .photoInfo .compact_wiki_wr .help_tip_box {
                    left: -4px;
                }
                #inner .photoInfo .compact_wiki_wr .dde.wiki_bubble,
                #inner .photoInfo .compact_link_wr .dde.link_bubble {
                    right: inherit;
                    left: 0;
                    margin: -5px 0 0 0;
                }

                #inner .photoInfo .soc_buttons_wr .dde.lj_share_template {
                    text-align: left;
                    right: 0;
                    left: inherit;
                }

                #inner .photoInfo .compact_wiki_wr .wiki_bubble.export_bubble {
                    right: 0;
                    left: inherit;
                }

            #inner .photoInfo .photo_info_row {
                margin-bottom: 5px;
            }
            #inner .photoInfo .photo_info_row:last-child {
                margin-bottom: 0;
            }
                #inner .photoInfo .photo_info_row .service_btn {
                    vertical-align: top;
                    margin-top: 2px;
                }
                #inner .photoInfo .photo_info_row .compact_link_wr {
                    margin-right: 0;
                }

		#inner .top_form_wrap {
			width: 765px;
			position: relative;
			border-bottom: 1px dotted #646565;
			margin: 0 0 29px 0;
		}
			#inner .top_form_wrap .top_form {
				width: 568px;
				padding: 0 0 17px 22px;
				margin: 0 0 20px 0;
				border-right: 1px dotted #0d0d0d;
			}
			#inner .top_form_wrap .top_form p {
				margin: 0 0 4px 0;
			}
				#inner .top_form_wrap .top_form textarea {
					width: 532px;
					height: 51px;
					border: 1px solid #656565;
					border-top: 1px solid #4e4e4e;
					background: #a2a2a2;
					margin: 0 0 10px 0;
					padding: 3px !important;
					resize: vertical;
				}
				#inner .top_form_wrap .top_form .btn {
					height: 18px;
					color: #434343;
					line-height: 16px;
					padding: 0 10px 5px 10px;
					border: 1px solid #494949;
					background-position: 0 -222px;
					background-repeat: repeat-x;
					background-color: transparent !important;
					-moz-border-radius: 15px;
					-webkit-border-radius: 15px;
					border-radius: 15px;
				}
				#inner .top_form_wrap .top_form .btn:hover {
					color: #111;
					border: 1px solid #8c8c8c;
				}
				#inner .comments {
					width: 779px;
					padding: 0 0 30px 0;
                    margin: 0 auto;
				}
					#inner .comments.top_form textarea {
						resize: vertical;
					}
                    #inner .btn {
                        font-size: 11px;
                    }


    /* COLOR THEMES */

    #photoviewer.dark_theme #inner {
        background: #000;
        color: #efefef;
    }
        #photoviewer.dark_theme #inner .user_name, #photoviewer.dark_theme #inner .title {
            color: #fff;
        }
        #photoviewer.dark_theme #inner .dde,
        #photoviewer.dark_theme #inner .service_btn {
            color: #000;
        }

        #photoviewer.dark_theme #inner .need_authorization {
            color: #000;
        }

    #photoviewer.grey_theme #inner {
        background: #ccc;
    }

    #photoviewer.grey_theme .comment_body .user_admin, #photoviewer.grey_theme .comment_body .date,
    #photoviewer.beige_theme .comment_body .user_admin, #photoviewer.beige_theme .comment_body .date {
        color: #666666;
    }
    #photoviewer.green_theme .comment_body .user_admin, #photoviewer.green_theme .comment_body .date {
        color: #000;
    }
    #photoviewer.green_theme .overall_rating {
        border: 1px solid #fff;
        margin-top: -1px;
    }

    #photoviewer.green_theme #inner {
        background: #4b904b;
    }

    #photoviewer.beige_theme #inner {
        background: wheat;
    }


    #photoviewer_bg_overlay.white_theme {
        background: #ccc;
    }
    #photoviewer_bg_overlay.grey_theme {
        background: #333;
    }
    #photoviewer_bg_overlay.green_theme {
        background: #4E694E;
    }
    #photoviewer_bg_overlay.beige_theme {
        background: #524F39;
    }

    #photoviewer.white_theme #photos_wrap {
        background: #efefef;
    }
        #photoviewer.white_theme #photos_wrap .leftShadow {
            background-position: 0 -464px;
        }
        #photoviewer.white_theme #photos_wrap .rightShadow {
            background-position: 21px -464px;
        }
        #photoviewer.white_theme #photos_wrap #photos_wrap_toggle {
            background: #efefef;
            color: #000;
        }

    #photoviewer.grey_theme #photos_wrap {
        background: #b7b7b7;
    }
        #photoviewer.grey_theme #photos_wrap .leftShadow {
            background-position: 0 -544px;
        }
        #photoviewer.grey_theme #photos_wrap .rightShadow {
            background-position: 21px -544px;
        }
        #photoviewer.grey_theme #photos_wrap #photos_wrap_toggle {
            background: #b7b7b7;
            color: #000;
        }
    #photoviewer.beige_theme #photos_wrap {
        background: #b29c74;
    }
        #photoviewer.beige_theme #photos_wrap #photos_wrap_toggle {
            background: #b29c74;
            color: #000;
        }
        #photoviewer.beige_theme #photos_wrap .leftShadow {
            background-position: 0 -624px;
        }
        #photoviewer.beige_theme #photos_wrap .rightShadow {
            background-position: 21px -624px;
        }

    #photoviewer.green_theme #photos_wrap {
        background: #386938;
    }
        #photoviewer.green_theme #photos_wrap #photos_wrap_toggle {
            background: #386938;
            color: #000;
        }
        #photoviewer.green_theme #photos_wrap .leftShadow {
            background-position: 0 -704px;
        }
        #photoviewer.green_theme #photos_wrap .rightShadow {
            background-position: 21px -704px;
        }

    /* /COLOR THEMES */


    /*
    #inner .comments .need_authorization {
        background: #333;
        color: #8b8b8b;
    }
        #inner .comments .need_authorization a {
            color: #8b8b8b
        }
    #inner .comments .comment_body.deleted {
        background: #333;
    }
    */

    #photoviewer .prev_photo {
        position: fixed;
        width: 29px;
        height: 68px;
        margin: -34px 0 0 35px;
        top: 50%;
        left: 0;
    }
        #photoviewer .prev_photo a {
            display: block;
            width: 29px;
            height: 68px;
            background-position: 0 -318px;
            background-repeat: no-repeat;
            opacity: 0.4;
        }
    #photoviewer .next_photo {
        position: fixed;
        width: 29px;
        height: 68px;
        margin: -34px 35px 0 0;
        top: 50%;
        right: 0;
    }
        #photoviewer .next_photo a {
            display: block;
            width: 29px;
            height: 68px;
            background-position: 0 -386px;
            background-repeat: no-repeat;
            opacity: 0.4;
        }
    #photoviewer .prev_photo a:hover,
    #photoviewer .next_photo a:hover {
        opacity: 0.7;
    }


/* todo: сделать css анимацию лоадера */

@-webkit-keyframes photoloading {
    from {

    }
    to {

    }
}
@-moz-keyframes photoloading {
    from {

    }
    to {

    }
}
@keyframes photoloading {
    from {

    }
    to {

    }
}

#photoLoader {
	position: absolute;
	width: 80px;
	height: 30px;
	line-height: 30px;
	top: 50%;
	left: 50%;
	margin: -15px 0 0 -50px;
    display: none;
}
	#photoLoader .photoLoaderBg {
		position: absolute;
		width: 80px;
		height: 30px;
		background: #333;
		text-align: center;
		opacity: 0.6;

        -webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
        		border-radius: 5px;
	}
	#photoLoader .photoLoaderEl {
		position: relative;
		display: inline-block;
		width: 10px;
		height: 10px;
		background: #fff;
		margin: 0 3px;
        opacity: 0.3;

        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;

	}

#inner .paginator .shadow {
    display: none;
}
#inner .counter.liveinternet {
    margin: 0 0 0 0;
    clear: both;
    height: 30px;
    text-align: center;
    opacity: 0.2;
}

#inner .like_button_wr .tell_friends_wr {
    width: 98%;
    margin: 0 0 0px -5%;
}
    #inner .like_button_wr .tell_friends_wr .tell_friends {
        line-height: 16px;
        text-align: center;
    }

    #inner .comments .btn {
        font-size: 13px;
        padding: 4px 15px;
    }