.outer { margin:0 auto; max-width:800px;}
#big .item { background: #21282c; padding: 0px; margin:2px; color: #FFF; border-radius: 3px; text-align: center; position: relative; overflow: hidden; width: 100%; height: 400px;
}
#thumbs .item { background: #C9C9C9; height:96px; padding: 0px; margin:2px; color: #FFF; border-radius: 3px; text-align: center; cursor: pointer; position: relative; overflow: hidden; border: 2px solid #fff }
#thumbs .item h1 { font-size: 18px; }
#thumbs .current .item { background:#d10101; border: 2px solid #d10101; }
.owl-theme .owl-nav [class*='owl-'] { -webkit-transition: all .3s ease; transition: all .3s ease; }
.owl-theme .owl-nav [class*='owl-'].disabled:hover { background-color: #D6D6D6; }
#big.owl-theme { position: relative; }
#big.owl-theme .owl-next, #big.owl-theme .owl-prev { background: rgba(255,255,255,0.6);
width: 40px;
border-radius: 50%;
height: 40px;
margin-top: -20px;
position: absolute;
text-align: center;
top: 50%;
transition: all 0.5s;}
#big.owl-theme .owl-next:hover, #big.owl-theme .owl-prev:hover { background: rgba(255,255,255,0.8);}
#big.owl-theme .owl-prev { left: 10px; }
#big.owl-theme .owl-next { right: 10px; }
#thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev { background: rgba(0,0,0,0.2);
margin: 0 2px;
height: 24px;
width: 24px;
border-radius: 50%;
font-size: 12px;
}

.progallery #thumbs .owl-item {
    height: 100px;
}

#big .item img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#thumbs .item img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.progallery .owl-nav {
    margin: 0 auto;
    width: 56px;
}