.text_trimming {
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis;
	color: white;
	margin-left: 3px;
	margin-right: 3px;
}

.thumbbox {
	display:inline-block;
	margin:5px;
	border:1px solid black;
	position:relative;
	max-width: 200px;
	max-height: 180px;
	overflow: hidden;	
}

.thumbbox img {
    vertical-align: middle;		    	
}

.thumbtext {
	width:100%;
	font-size: 12px;
	text-align: center;
	background-color:black;
	position:absolute;
	bottom:0px;
}

.artwork_details {	
	padding:3px;
}

.artwork_picture {
	width: auto;
	max-width: 900px;
	border: 1px solid;
}

.fa-spin-custom, .glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}