/* Item photo view wrapper */

.item_photo_view_wrapper .photo_share,
.item_photo_view_wrapper .photo_image,
.item_photo_view_wrapper .photo_info,
.item_photo_view_wrapper .photo_categories {
    margin-bottom: 15px;
}

.item_photo_view_wrapper .photo_share {
    text-align: center;
}

.item_photo_view_wrapper .photo_info {

}

.item_photo_view_wrapper .photo_categories {
    border-top: 1px solid #ccc;
    padding-top: 15px;
}

.item_photo_view_wrapper .photo_image {
    height: 510px;
    text-align: center;
    border-radius: 5px;
    padding-top: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    margin-bottom: 25px;
}

/*.item_photo_view_wrapper .photo_image img {
	max-height: 510px;
	}*/

.item_photo_view_wrapper .prev_photo,
.item_photo_view_wrapper .next_photo {
    display: block;
    width: 80px;
    height: 510px;
    line-height: 560px;
    font-size: 64px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    opacity: 0.1;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.item_photo_view_wrapper .prev_photo:hover,
.item_photo_view_wrapper .next_photo:hover {
    opacity: 0.4;
}

.item_photo_view_wrapper .prev_photo {
    float: left;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 451.847 451.847"><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"/></svg>');
    margin-right: -80px;
}

.item_photo_view_wrapper .next_photo {
    float: right;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 451.846 451.847"><path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"/></svg>');
    margin-left: -80px;
}

.imageview {
    display: none;
    position: fixed;
    z-index: 10000;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background: rgba(0,0,0,0.8);
}
.imageview .prev,
.imageview .next {
    position: absolute;
    z-index: 10001;
    width: 5%;
    min-width: 50px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 28px 100%;
}
.imageview .prev,
.imageview .next,
.imageview .hide {
    opacity: 0.5;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}
.imageview .prev:hover,
.imageview .next:hover,
.imageview .hide:hover {
    opacity: 1;
}
.imageview .prev {
    left:0;
    background-position: 100% 50%;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA0NTEuODQ3IDQ1MS44NDciPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik05Ny4xNDEsMjI1LjkyYzAtOC4wOTUsMy4wOTEtMTYuMTkyLDkuMjU5LTIyLjM2NkwzMDAuNjg5LDkuMjdjMTIuMzU5LTEyLjM1OSwzMi4zOTctMTIuMzU5LDQ0Ljc1MSwwYzEyLjM1NCwxMi4zNTQsMTIuMzU0LDMyLjM4OCwwLDQ0Ljc0OEwxNzMuNTI1LDIyNS45MmwxNzEuOTAzLDE3MS45MDljMTIuMzU0LDEyLjM1NCwxMi4zNTQsMzIuMzkxLDAsNDQuNzQ0Yy0xMi4zNTQsMTIuMzY1LTMyLjM4NiwxMi4zNjUtNDQuNzQ1LDBsLTE5NC4yOS0xOTQuMjgxQzEwMC4yMjYsMjQyLjExNSw5Ny4xNDEsMjM0LjAxOCw5Ny4xNDEsMjI1LjkyeiIvPjwvc3ZnPg==');
}
.imageview .next {
    right:0;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA0NTEuODQ2IDQ1MS44NDciPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0zNDUuNDQxLDI0OC4yOTJMMTUxLjE1NCw0NDIuNTczYy0xMi4zNTksMTIuMzY1LTMyLjM5NywxMi4zNjUtNDQuNzUsMGMtMTIuMzU0LTEyLjM1NC0xMi4zNTQtMzIuMzkxLDAtNDQuNzQ0TDI3OC4zMTgsMjI1LjkyTDEwNi40MDksNTQuMDE3Yy0xMi4zNTQtMTIuMzU5LTEyLjM1NC0zMi4zOTQsMC00NC43NDhjMTIuMzU0LTEyLjM1OSwzMi4zOTEtMTIuMzU5LDQ0Ljc1LDBsMTk0LjI4NywxOTQuMjg0YzYuMTc3LDYuMTgsOS4yNjIsMTQuMjcxLDkuMjYyLDIyLjM2NkMzNTQuNzA4LDIzNC4wMTgsMzUxLjYxNywyNDIuMTE1LDM0NS40NDEsMjQ4LjI5MnoiLz48L3N2Zz4=');
}
.imageview .title {
    display: none;
    position: absolute;
    z-index: 10002;
    top: 0;
    left: 0;
    width: 95%;
    height: 24px;
    margin-top: 10px;
    margin-left: 10px;
    line-height: 24px;
    font-size: 18px;
    color: #fff;
}
.imageview .hide {
    display: block;
    position: absolute;
    z-index: 10002;
    top: 0;
    right: 0;
    width: 5%;
    min-width: 50px;
    height: 5%;
    background-repeat: no-repeat;
    background-position: 6px 100%;
    background-size: 20px 20px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyMTIuOTgyIDIxMi45ODIiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDsiIGQ9Ik0xMzEuODA0LDEwNi40OTFsNzUuOTM2LTc1LjkzNmM2Ljk5LTYuOTksNi45OS0xOC4zMjMsMC0yNS4zMTJjLTYuOTktNi45OS0xOC4zMjItNi45OS0yNS4zMTIsMGwtNzUuOTM3LDc1LjkzN0wzMC41NTQsNS4yNDJjLTYuOTktNi45OS0xOC4zMjItNi45OS0yNS4zMTIsMGMtNi45ODksNi45OS02Ljk4OSwxOC4zMjMsMCwyNS4zMTJsNzUuOTM3LDc1LjkzNkw1LjI0MiwxODIuNDI3Yy02Ljk4OSw2Ljk5LTYuOTg5LDE4LjMyMywwLDI1LjMxMmM2Ljk5LDYuOTksMTguMzIyLDYuOTksMjUuMzEyLDBsNzUuOTM3LTc1LjkzN2w3NS45MzcsNzUuOTM3YzYuOTg5LDYuOTksMTguMzIyLDYuOTksMjUuMzEyLDBjNi45OS02Ljk5LDYuOTktMTguMzIyLDAtMjUuMzEyTDEzMS44MDQsMTA2LjQ5MXoiLz48L3N2Zz4=');
}
.imageview .images-wrapper {
    position: absolute;
    width: 80%;
    margin: auto;
    max-height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.imageview .images-wrapper::before {
    content: "";
    display: block;
    padding-top: 100%;
}
.imageview .images {
    background: #FFF;
    margin: auto;
    position: absolute;
    top: 1%;
    left: 5%;
    right: 5%;
    bottom: 1%;
}
.imageview .images img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}
.item_photo_flow_wrapper {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 15px;
}

.item_photo_flow_wrapper ._image img {
    width: 450px;
}

.item_photo_flow_wrapper ._info {
    height: 28px;
    line-height: 14px;
    text-align: right;
    color: #fff;
    padding: 10px;
    margin-top: -48px;
}
.mobile-layout .item_photo_flow_wrapper ._info { height: 48px; }
.item_photo_flow_wrapper ._info * {
    color: #fff !important;
    text-shadow: 0 0 2px #000;
}
.preview_tooltip {
    display: none;
    border-radius: 5px;
    box-shadow: 1px 1px 10px #444;
}
.preview_tooltip img {
    border-radius: 5px;
    max-width: 200px;
    max-height: 200px;
}
.Presentation {
    margin: 12px;
    text-align: center;
}
.Presentation .Panel {
    text-align: center;
    /*border: 1px solid red;*/
}
.presentation_sort_wrapper {
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    cursor: move;
}
.presentation_sort_wrapper img {
    max-width: 100px;
    max-height: 100px;
}
.photo_manage_wrapper {
    margin: 0 10px 15px 0;
}
.photo_manage_wrapper .photo_controls {
    border-top: 1px solid #ccc;
    margin-top: 3px;
    padding-top: 5px;
}
.photo_grid_wrapper {
    width: 250px;
    margin: 0 15px 15px 0;
}
.photo_grid_wrapper .photo_image img {
    border-radius: 3px;
}
.photo_grid_wrapper .overlay {
    padding:0;
}
.photo_grid_wrapper .overlay img {
    cursor: pointer;
}
#demo_box { position: relative; }
#demo_box img {
    margin: auto;
    top: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
}