@import url("http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");
.wrapper_gallery{
    background-color: #cdcdcd;
}

.wrapper_gallery h1{
    text-align: center;
    color: black;
	background-color: white;
    padding-top: 30px;
	font-family: Open Sans Condensed;
    padding-bottom: 30px;
}

.image_overlay{
    position: absolute;
    color: white;
    font-size: 36px;
    font-weight: 800;
	text-shadow:2px 3px 6px black;
    text-align: center;
    top:40%;
    width: 100%;
    opacity: 0.0;
    -webkit-transition: opacity 1.5s ease-in; /* Safari */
    transition: opacity 1.5s ease-in;
}

.panel-image {
    position: relative;   
    overflow: hidden;
}

.panel-image img.panel-image-preview {
    width: 100%;
	border-radius: 4px 4px 0px 0px;
    -ms-transform: scale(1.0, 1.0); /* IE 9 */
    -webkit-transform: scale(1.0, 1.0); /* Safari */
    transform: scale(1.0, 1.0);
    transition: transform 1s;
}

.panel-image:hover .image_overlay {
    opacity: 1.0;
    -webkit-transition: opacity 2s ease-out; /* Safari */
    transition: opacity 2s ease-out;
}

.panel-image:hover img.panel-image-preview {
    -ms-transform: scale(1.1, 1.1); /* IE 9 */
    -webkit-transform: scale(1.1, 1.1); /* Safari */
    transform: scale(1.1, 1.1);
    transition: transform 2s;
}
.panel-image label {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.panel-heading ~ .panel-image img.panel-image-preview {
	border-radius: 0px;
}

.panel-body {
   overflow: hidden;
}

.panel-image ~ input[type=checkbox] {
    position:absolute;
    top:- 30px;
    z-index: -1;   
}

.panel-image ~ input[type=checkbox] ~ .panel-body {
	height: 0px;
	padding: 0px;
}

.panel-image ~ input[type=checkbox]:checked ~ .panel-body {
    height: auto;
	padding: 15px;
}

.panel-image ~ .panel-footer a {
    padding: 0px 10px;
	font-size: 1.3em;
	color: rgb(100, 100, 100);
}