.text-overflow { white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.examples { margin-top: 40px; }
.examples .row { margin-bottom: 20px; }
.examples .col-md-3 {
	height: 280px;
    border: 1px solid #eee;
    margin: 0 0.5%;
    padding: 10px 10px 35px;
    text-align: center;
    margin-bottom: 20px;
}
.example img{height:100%; padding:10px; max-width:100%;}

.examples .col-md-3 p{ height:100%;background: #eee;margin-bottom: 10px;}

.examples .col-md-3 span{ color:#333; font:100 14px 微软雅黑; display: inline-block;width: 100%;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.examples .col-md-3:hover img{ 
	filter: saturate(1.5);
	-webkit-filter: saturate(1.5);
	-moz-filter: saturate(1.5);
	-o-filter: saturate(1.5);
	-ms-filter: saturate(1.5);
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
}

.examples .col-md-3:hover .zoomify.zoomed{  filter: saturate(1);}