@charset "UTF-8";
/* CSS Document */

.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
#wrapper {
margin: 100px auto 0;
width: 715px;
}
.box {
border: 1px solid #999;
min-height: 267px;
box-shadow: 0 0 5px #333333;
}
.left {
float: left;
}
#preview {
width: 180px;
padding: 0px;
margin-right: 20px;
}
#preview div{
opacity:0.5;
padding-left:5px;
padding-top:5px;
}
#preview div.selected, #preview div:hover {
/*box-shadow: 0 0 5px red;*/
opacity:1;
transition-property: color, opacity;
transition-duration: .25s, .25s;
transition-timing-function: ease-in-out, ease-in-out;
-webkit-transition-property: color, opacity;
-webkit-transition-duration: .25s, .25s;
-webkit-transition-timing-function: ease-in-out, ease-in-out;
-moz-transition-property: color, opacity;
-moz-transition-duration: .25s, .25s;
-moz-transition-timing-function: ease-in-out, ease-in-out;
}
#gallery {
width: 400px;
height:227px;
}
/* .small Gallery */
.gallygallery.small .header,
.gallygallery.small .footer {
display: none;
}
/* .big Gallery */
/*.gallygallery.big .play,*/
.gallygallery.big .counter,
.gallygallery.big .fullscreen {
display: none!important;
}
.gallygallery.big .play {
top: 10px;
right: 10px;
position: absolute;
}
.gallygallery.big .next {
top: 100px;
right: 10px;
position: absolute;
z-index: 100;
}
.gallygallery.big .last {
top: 100px;
left: 10px;
position: absolute;
z-index: 100;
}
.gallygallery.big .header {
background: transparent!important;
}