.effects {/*padding-left: 15px;*/}
.effects .img {position: relative;float: left;margin-bottom: 5px;width: 220px;overflow: hidden;}
.effects .img:nth-child(n) {/*margin-right: 5px;*/}
.effects .img:first-child {/*margin-left: -15px;*/}
.effects .img:last-child {margin-right: 0;}
.effects .img img {display: block;margin: 0;padding: 0;height: auto;}
.overlay {display: block;position: absolute;z-index: 20;background: rgba(69, 144, 212, 0.9);overflow: hidden;-webkit-transition: all 0.3s;-moz-transition: all 0.3s; -o-transition: all 0.3s;transition: all 0.3s;}
.overlay .expand {/*border-top:1px solid #cccccc;*//*padding:10px;*/}
a.close-overlay {display: block;position: absolute;top: 0;right: 0;z-index: 100;width: 220px;height: 220px;font-size: 13px;color: #fff;line-height: 45px;text-align: left;background-color: #000;cursor: pointer;}
a.close-overlay.hidden {display: none;}
a.expand {display: block;z-index: 100;width: 220px;height: 220px;color: #fff;text-decoration:none;}
.effect-1 .overlay {bottom: 0;left: 0;right: 0;width: 100%;height: 0;}
.effect-1 .overlay a.expand {padding:10px;/*left: 0;right: 0;bottom: 50%;margin: 0 auto -30px auto;*/}
.effect-1 .img.hover .overlay {height: 100%;}
/*
@media only screen and (max-width: 1100px) {
  .effects {padding-left: 5px;}
  .effects .img {width: 50%;}
  .effects .img:nth-child(n) {margin-right: 5px;}
  .effects .img:first-child {margin-left: 0;}
  .effects .img:nth-child(2n-1) {margin-left: -5px;}
  .effects .img:nth-child(2n) {margin-right: 0;}
  .effects .img:last-child {margin-right: 0;}
}
@media only screen and (max-width: 520px) {
	.effects .img {width: 100%;}
	.effects .img:nth-child(n) {margin-right: 0;}
	.effects .img:first-child {margin-left: 0;}
	.effects .img:nth-child(2n-1) {margin-left: 0;}
	.effects .img:nth-child(2n) {margin-right: 0;}
	.effects .img:last-child {margin-right: 0;}
	.effects .img img {margin: 0 auto;}
}
*/