.playa input[type=range] {
    -webkit-appearance:none;
    -moz-apperance:none;
    background-color:#bbb;
	border: 1px solid #000;
	height:.5em;
	border-radius:.5em;
    width:70%;
	margin:-2px;
	padding:0 !important;
	line-height:0;
}
.playa input[type=range]::-webkit-slider-thumb {
    -webkit-appearance:none;
    -moz-apperance:none;
	z-index:3;
	height:1em;
	width:1em;
	border-radius:1em;
	border:1px solid #aaa;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(0.49, #dddddd), color-stop(0.51, #d1d1d1), color-stop(1, #a1a1a1));
}

.playa {
	/*margin:0;*/
}

.playa  .thumbnail  {
	width:25%;
	padding:1.5%;
}

.playa  .btn-group  {
	text-align:center;
}

@media (max-width: 9px) and (min-width: 768px){
	.span4 .playa, .playa.span4{
		padding:0;
	}
}
@media (min-width: 500px){
	.playa .btn-group .btn {
		padding:4px 3px;
		margin:auto;
		display:inline-block;
		float:none;
	}
	.playa .btn-group .span1 {
		width:8%;
	}
	.playa .btn-group .span2 {
		width:16%;
	}
	.playa .btn-group .span3 {
		width:25%;
	}
	.playa .btn-group .span4{
		width:33%;
	}
	.playa.span2 .btn-group .btn, .playa.span1 .btn-group .btn, .span2 .playa .btn-group .btn, .span1 .playa .btn-group .btn{
		width:100%;
		display:block;
	}
	.span4.playa, .span3 .playa, .span2 .playa, .span1 .playa, .playa.span4, .playa.span3, .playa.span2, .playa.span1{
		padding:0;
		overflow:hidden;
	}
}
