img{
	max-width: 100%;
}
#header{
	background-color: #abc10b;
	float: left;
	width: 100%;
	height: 50px;
	color: rgba(255,255,255,1);
	line-height: 50px;
}
#header a {
	color: rgba(255,255,255,1);
	text-decoration: none;
	display: block;
	font-size: 15px;
}
#header-left{
	float: left;
	height: 50px;
}
#header-left:hover #header-left-icon{
	background-color: #abc10b;
}
#header-left:hover #header-left-text{
	background-color: #abc10b;
}
#header-left-icon{
	float: left;
	height: 50px;
	width: 50px;
	text-align: center;
	background-color: #abc10b;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
#header-left-icon a {
	font-size: 25px;
}

#header-left-text{
	float: left;
	height: 50px;
		-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
#header-left-text a {
	padding-left: 20px;
	padding-right: 20px;
}
#header-right{
	float: right;
	height: 50px;
}
#header-right:hover #header-right-icon{
	background-color: #abc10b;
	}
#header-right:hover #header-right-text{
	background-color: #abc10b;
	}
#header-right-icon{
	float: right;
	height: 50px;
	width: 50px;
	text-align: center;
	background-color: #35759F;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
#header-right-text{
	float: right;
	height: 50px;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
#header-right-text a {
	padding-right: 20px;
	padding-left: 20px;
}
#gallery{
	width: 1000px;
	margin:0 auto; 
}
#gallery-header{
	
	width: 1000px;
	
}
#gallery-content{
	width: 1000px;
}
#gallery-header-center{
	height: 100px;
	
	margin-right: auto;
	margin-left: auto;
}
#gallery-header-center-left{
	height: 35px;
	line-height: 35px;
	margin-top: 32px;
}
#gallery-header-center-left-icon{
	float: left;
	height: 35px;
	width: 35px;
	background-color: rgba(63,141,191,1);
	color: rgba(255,255,255,1);
	text-align: center;
	font-size: 20px;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
#gallery-header-center-left-icon:hover {
	background-color: rgba(63,141,191,0.5);
	cursor: pointer;
}
#gallery-header-center-left-title{
	float: left;
	height: 35px;
	font-size: 25px;
	color: #3f8dbf;
	margin-left: 20px;
}
#gallery-header-center-right{
	float: right;
	height: 35px;
	margin-top: 32px;
	line-height: 35px;
}
.gallery-header-center-right-links {
	color: #333333;
	float: left;
	height: 35px;
	padding: 0 3%;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
	border-radius: 5px;
}
.gallery-header-center-right-links:hover {
	background-color: #abc10b;
	color: rgba(255,255,255,1);
	cursor: pointer;
}
.gallery-header-center-right-links-current {
	color: #FFFFFF;
	background-color: #abc10b;
	border-radius: 5px;
}
.gallery-header-center-right-links-current:hover {
	background-color: #abc10b;
	border-radius: 5px;
}
#gallery-content{
	float: left;
	width: 100%;
}
.gallery-content-center-normal {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
.gallery-content-center-full {
	
	margin:20px auto; 
}
.gallery-header{
	
}
#gallery-content-center img {
	width: 236px;
	margin:0 5px 10px 5px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}



/*.gallery-ul ul li a{
	display: block;
}
.gallery-ul ul li a .hover{
	background-color: #000;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width:100%;
	height:100%;
	z-index: 9;
	opacity: 0;
	background-image: url('../images/zooin.png');
	background-position: center 35%;
	background-repeat: no-repeat;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
}
.gallery-ul ul li a .hover:hover{
	opacity: 0.5;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
	background-position: center center;
}*/
.gallery-ul ul li a:hover{
	opacity: 0.5;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
	background-position: center center;
}


@media screen and (min-width: 980px) and (max-width: 1200px) {
#gallery,#gallery-header,#gallery-content{
	width: 760px;
}
#gallery-header{

}
#gallery-content-center img {
	width: 240px;
}
}
@media screen and (max-width: 979px){
#gallery,#gallery-header,#gallery-content{
	width: 750px;
}
#gallery-content-center img {
	width: 240px;
}
}
@media screen and (min-width: 568px) and (max-width: 767px) {
#gallery,#gallery-header,#gallery-content{
	width: 480px;
}
#gallery-content-center img {
	width: 150px;
}
}
@media screen and (max-width: 567px) {
#gallery,#gallery-header,#gallery-content{
	width: 480px;
}
#gallery-content-center img {
	width: 225px;
}
@media screen and (max-width: 480px) {
#gallery,#gallery-header,#gallery-content{
	width: 305px;
}
#gallery-content-center img {
	width: 142px;
}
.gallery-header-center-right-links{
	padding: 0 5%;
}
}