.flex-images { overflow: hidden; }
.flex-images .item { float: left; margin: 4px; border: none; box-sizing: content-box; overflow: hidden; position: relative;  }
.flex-images .item img { display: block; width: auto; height: 100%; transition: all 0.5s ease;	-ms-transition: all 0.5s ease;	-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;	-o-transition: all 0.5s ease;}
.flex-images .item img:hover{transform: scale(1.14); -ms-transform: scale(1.14); -moz-transform: scale(1.14); -webkit-transform: scale(1.14); -o-transform: scale(1.14);}
.flex-images .item .over { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; padding: 4px 6px; font-size: 13px; color: #fff; background: #ffb52f; background: rgba(255,181,47,.8); }


.filletSeries { overflow: hidden; }
.filletSeries .filletitem { float: left; margin: 4px; border: none; box-sizing: content-box; overflow: hidden; position: relative; border:3px solid #fff; border-radius:10px;}
.filletSeries .filletitem img { display: block; width: auto; height: 100%;  transition: all 0.5s ease;	-ms-transition: all 0.5s ease;	-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;	-o-transition: all 0.5s ease;}
.filletSeries .filletitem img:hover{transform: scale(1.14); -ms-transform: scale(1.14); -moz-transform: scale(1.14); -webkit-transform: scale(1.14); -o-transform: scale(1.14);}
.filletSeries .filletitem .over { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; padding: 4px 6px; font-size: 13px; color: #fff; background: #ffb52f; background: rgba(255,181,47,.8); }
.filletSeries .filletitem .titleMask{display:none; position: absolute; left: 0; bottom: 0; width: 100%; height: 32px; background-color: rgba(0,0,0,0.50); text-align: center; line-height: 32px;}
.filletSeries .filletitem .titleMask a{font-size: 1.3rem; color:#fff; text-transform: uppercase; text-align: center;}
.filletSeries .filletitem:hover{border:3px solid #ff4c00;}
.filletSeries .filletitem:hover .titleMask{display: block;}

.outlineSeries { overflow: hidden; }
.outlineSeries .outlineitem { float: left; margin: 20px 10px; border: none; box-sizing: border-box; overflow: hidden; box-shadow: 2px 4px 12px #00000014; position: relative; border:5px solid #fff; border-radius: 18px; }
.outlineSeries .outlineitem img { display: block; width: auto; height: 100%;  transition: all 0.5s ease; -ms-transition: all 0.5s ease;	-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;	-o-transition: all 0.5s ease;}
.outlineSeries .outlineitem img:hover{transform: scale(1.14); -ms-transform: scale(1.14); -moz-transform: scale(1.14); -webkit-transform: scale(1.14); -o-transform: scale(1.14);}
.outlineSeries .outlineitem .over { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; padding: 4px 6px; font-size: 13px; color: #fff; background: #ffb52f; background: rgba(255,181,47,.8); }
.outlineSeries .outlineitem .titleMask{
    display:none; 
    position: absolute; 
    left: 0; 
    bottom: 20px; 
    width: 100.5%; 
    height: 50px; 
    background-color: rgba(255,255,255,1.0); 
    text-align: center; 
    overflow: hidden;
    border:1px solid #fff;
    line-height: 50px;
}
.outlineSeries .outlineitem .titleMask a{font-size: 1.5rem; color:#000; text-transform: uppercase; text-align: center;}
.outlineSeries .outlineitem:hover{box-shadow: 2px 4px 16px #00000029; transform: scale3d(1.01, 1.01, 1.01);}
.outlineSeries .outlineitem:hover .titleMask{display: block; transform:scale(1.01);}

@media (max-width:767px)
{
    .outlineSeries .outlineitem .titleMask a{font-size: 1.2rem;}
    .outlineSeries .outlineitem 
     {
        margin: 10px 5px;
        border-radius: 9px;
    }
}