.photo-razorcms-photo-gallery-manager .form-control{overflow:hidden}
.photo-razorcms-photo-gallery{position:relative}.photo-razorcms-photo-gallery .manage-images{position:absolute;top:0;left:0;z-index:100}
.photo-razorcms-photo-gallery .photo-gallery-frame{margin-left:auto;margin-right:auto;padding:0;width:100%;height:300px;position:relative}.photo-razorcms-photo-gallery .photo-gallery-frame .photo-gallery-canvas{width:100%;height:100%;max-width:100%;display:inline-block}.photo-razorcms-photo-gallery .photo-gallery-frame .photo-gallery-canvas .photo-details{position:absolute;top:0;width:100%}.photo-razorcms-photo-gallery .photo-gallery-frame .photo-gallery-canvas .photo-details .details-box{display:inline-block;padding:5px 10px 0 10px;background-color:rgba(0,0,0,0.5);color:#fff;margin-top:1px;opacity:0;-webkit-transition:opacity .3s ease-in;-moz-transition:opacity .3s ease-in;-ms-transition:opacity .3s ease-in;-o-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.photo-razorcms-photo-gallery .photo-gallery-frame .photo-gallery-canvas .photo-details .details-box.show-box{opacity:1}
.photo-razorcms-photo-gallery .photo-gallery-frame .photo-gallery-canvas .center-box{width:100%;max-width:100%;height:100%;display:inline-block;line-height:100%;vertical-align:middle;text-align:center}.photo-razorcms-photo-gallery .photo-gallery-frame .photo-gallery-canvas .center-box img{max-width:100%;max-height:100%;box-shadow:0 0 10px #999}.photo-razorcms-photo-gallery .photo-gallery-frame .photo-gallery-canvas .center-box img.turn-photo{-webkit-animation:turn-photo .6s forwards;-moz-animation:turn-photo .6s forwards;-ms-animation:turn-photo .6s forwards;-o-animation:turn-photo .6s forwards;animation:turn-photo .6s forwards}
.photo-razorcms-photo-gallery .photo-gallery-frame .photo-gallery-canvas .center-box .photo-placeholder{font-size:150px;line-height:inherit;color:#ddd}
.photo-razorcms-photo-gallery .photo-gallery-frame .photo-gallery-canvas .photo-control{font-size:50px;position:absolute;top:125px;opacity:.1;background-color:rgba(0,0,0,0.4);border-radius:5px;width:50px;height:50px;color:#fff;cursor:pointer}.photo-razorcms-photo-gallery .photo-gallery-frame .photo-gallery-canvas .photo-control.change-left{left:0}
.photo-razorcms-photo-gallery .photo-gallery-frame .photo-gallery-canvas .photo-control.change-right{right:0}
.photo-razorcms-photo-gallery .photo-gallery-frame:hover .photo-gallery-canvas .photo-control{opacity:1}
.photo-razorcms-photo-gallery .photo-gallery-controls{margin-top:10px;margin-left:auto;margin-right:auto;padding:0 50px;width:100%;height:85px;position:relative}.photo-razorcms-photo-gallery .photo-gallery-controls .photo-control{font-size:50px;position:absolute;top:18px;cursor:pointer}.photo-razorcms-photo-gallery .photo-gallery-controls .photo-control.slide-left{left:0}
.photo-razorcms-photo-gallery .photo-gallery-controls .photo-control.slide-right{right:0}
.photo-razorcms-photo-gallery .photo-gallery-controls .photo-gallery-slider{overflow:hidden;height:85px}.photo-razorcms-photo-gallery .photo-gallery-controls .photo-gallery-slider .photo-gallery-thumbs{list-style-type:none;text-align:center;padding:0;height:85px;-webkit-transition:margin-left .15s ease-in-out;-moz-transition:margin-left .15s ease-in-out;-ms-transition:margin-left .15s ease-in-out;-o-transition:margin-left .15s ease-in-out;transition:margin-left .15s ease-in-out}.photo-razorcms-photo-gallery .photo-gallery-controls .photo-gallery-slider .photo-gallery-thumbs li{margin:5px;display:inline-block;height:80px;float:left;line-height:73px;position:relative}.photo-razorcms-photo-gallery .photo-gallery-controls .photo-gallery-slider .photo-gallery-thumbs li .icon-remove{color:#f00;font-size:25px;cursor:pointer;position:absolute;top:0;right:0;background-color:rgba(255,255,255,0.5)}
.photo-razorcms-photo-gallery .photo-gallery-controls .photo-gallery-slider .photo-gallery-thumbs li img{max-width:75px;max-height:100%;border-radius:3px;border:5px solid #ddd;cursor:pointer}.photo-razorcms-photo-gallery .photo-gallery-controls .photo-gallery-slider .photo-gallery-thumbs li img:hover,.photo-razorcms-photo-gallery .photo-gallery-controls .photo-gallery-slider .photo-gallery-thumbs li img.selected{border-color:#6291cc}
@-webkit-keyframes turn-photo{0%{opacity:1;-webkit-transform:rotateX(0deg) rotateY(0deg);-webkit-transform-origin:right top 0} 20%{opacity:0} 30%{-webkit-transform:rotateX(30deg) rotateY(30deg);-webkit-transform-origin:right top 0} 50%{-webkit-transform:rotateX(-30deg) rotateY(30deg);-webkit-transform-origin:left top 0} 60%{opacity:0} 100%{opacity:1;-webkit-transform:rotateX(0deg) rotateY(0deg);-webkit-transform-origin:left top 0}}@-moz-keyframes turn-photo{0%{opacity:1;-moz-transform:rotateX(0deg) rotateY(0deg);-moz-transform-origin:right top 0} 20%{opacity:0} 30%{-moz-transform:rotateX(30deg) rotateY(30deg);-moz-transform-origin:right top 0} 50%{-moz-transform:rotateX(-30deg) rotateY(30deg);-moz-transform-origin:left top 0} 60%{opacity:0} 100%{opacity:1;-moz-transform:rotateX(0deg) rotateY(0deg);-moz-transform-origin:left top 0}}@-ms-keyframes turn-photo{0%{opacity:1;-ms-transform:rotateX(0deg) rotateY(0deg);-ms-transform-origin:right top 0} 20%{opacity:0} 30%{-ms-transform:rotateX(30deg) rotateY(30deg);-ms-transform-origin:right top 0} 50%{-ms-transform:rotateX(-30deg) rotateY(30deg);-ms-transform-origin:left top 0} 60%{opacity:0} 100%{opacity:1;-ms-transform:rotateX(0deg) rotateY(0deg);-ms-transform-origin:left top 0}}@-o-keyframes turn-photo{0%{opacity:1;-o-transform:rotateX(0deg) rotateY(0deg);-o-transform-origin:right top 0} 20%{opacity:0} 30%{-o-transform:rotateX(30deg) rotateY(30deg);-o-transform-origin:right top 0} 50%{-o-transform:rotateX(-30deg) rotateY(30deg);-o-transform-origin:left top 0} 60%{opacity:0} 100%{opacity:1;-o-transform:rotateX(0deg) rotateY(0deg);-o-transform-origin:left top 0}}@keyframes turn-photo{0%{opacity:1;transform:rotateX(0deg) rotateY(0deg);transform-origin:right top 0} 20%{opacity:0} 30%{transform:rotateX(30deg) rotateY(30deg);transform-origin:right top 0} 50%{transform:rotateX(-30deg) rotateY(30deg);transform-origin:left top 0} 60%{opacity:0} 100%{opacity:1;transform:rotateX(0deg) rotateY(0deg);transform-origin:left top 0}}