@charset "UTF-8";
/* CSS Document */
.banner{
	width:100%;
	overflow: hidden;}
.banner img{
	width: 100%;
}
/**/
.content{
    width:100%;
    margin:15px auto 0;
    overflow: hidden;
}
.gridalicious{
    margin-bottom: 28px;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
}
.galcolumn{
    width: 100%;
    padding: 0;
	margin-top: 15px;
}
.galcolumn .item{
	border: 0;
    background:#bebebe;
    color:#333;
    white-space:pre;
    white-space:pre-wrap;
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    overflow: hidden;
    margin-bottom: 20px;
    zoom: 1;
    opacity: 1;
    width: 24%;
	height:288.34px;
    margin: 15px 0.5%;
    float: left;
}
.galcolumn .item img{
    width:100%;
    height:auto;
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    transform:scale(1);
    -ms-transform:scale(1);
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
    position:relative;
    display: block;
}
.galcolumn .item:hover img{
    transform:scale(1.03);
    -ms-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -webkit-transform:scale(1.03);
    -o-transform:scale(1.03);
}
.galcolumn .item p{
    text-align:center;
    bottom: 0;
    position: absolute;
    z-index: 110;
    background: rgba(0,0,0,0.6);
    color: #fff;
    width: 100%;
    padding:6px 15%;
    line-height: 35px;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
.galcolumn .item:hover p{
	background: #f06d13;
	color: #fff;
}



@media screen and (max-width: 480px){
	.galcolumn{
		margin-top: 0;
	}
	.galcolumn .item{
	    margin-bottom: 20px;
	    width: 48%;
	    margin: 0 1% 10px;
	}
	.galcolumn .item p{
	    padding:2px 15%;
	    line-height: 30px;
	    font-size: 14px;
	}
}

@media screen and (min-width: 1140px){
    .item{
        max-height: 310px;
    }
}
@media screen and (min-width: 998px) and (max-width: 1139px){
    .item{
        max-height: 235px;
    }
}
@media screen and (min-width: 768px) and (max-width: 997px){
    .item{
        max-height: 178px;
    }
}
@media screen and (min-width: 410px) and (max-width: 767px){
    .item{
        max-height: 190px;
    }
}
@media screen and (min-width: 375px) and (max-width: 409px){
    .item{
        max-height: 170px;
    }
}
@media screen and (min-width: 320px) and (max-width: 374px){
    .item{
        max-height: 145px;
    }
}