.videos {
	width: 938px;
	margin: auto;
}

.videos li{
	list-style-type: none;
	display: inline-block;
	vertical-align: top;
	position: relative;
	text-align: center;
	font-weight: bold;
	padding: 0 30px;
	margin: 15px;
	width: 220px;
	height: 160px;
}

.videos .overlay {
	left: 0;
	top: 0;
}

.videos li > div {
	position: relative;
	margin: auto auto 10px;
	width: 199px;
}

.videos li > div:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #94573A;
    border-image: url("../../images/border-video.png") 17 20 17 20;
    border-style: solid;
    border-width: 17px 20px;
    position: absolute;
    bottom: -4px;
    content: "";
    left: -8px;
    right: -8px;
    top: -8px;
    z-index: -1;
}

.videos a:hover {
	text-decoration: underline;
	color: inherit;
}

.morevids {
	margin-top: 25px;
	text-align: center;
}

.morevids button {
	background: #b0653f; /* Old browsers */
	background: -moz-linear-gradient(top,  #5e3b20 0%, #b0653f 17%, #b0653f 45%, #44210d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e3b20), color-stop(17%,#b0653f), color-stop(45%,#b0653f), color-stop(100%,#44210d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5e3b20 0%,#b0653f 17%,#b0653f 45%,#44210d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5e3b20 0%,#b0653f 17%,#b0653f 45%,#44210d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5e3b20 0%,#b0653f 17%,#b0653f 45%,#44210d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5e3b20 0%,#b0653f 17%,#b0653f 45%,#44210d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e3b20', endColorstr='#44210d',GradientType=0 ); /* IE6-9 */
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	
	border: 1px solid #5E3B20;
	padding: 5px 25px;
	cursor: pointer;
	
	font-weight: bold;
	color: #FEDD7F;
}

.morevids button:hover {
	background: #d8a45f; /* Old browsers */
	background: -moz-linear-gradient(top,  #9A6429 0%, #d8a45f 17%, #d8a45f 45%, #79420d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#79420d), color-stop(17%,#d8a45f), color-stop(45%,#d8a45f), color-stop(100%,#79420d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9A6429 0%,#d8a45f 17%,#d8a45f 45%,#79420d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9A6429 0%,#d8a45f 17%,#d8a45f 45%,#79420d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9A6429 0%,#d8a45f 17%,#d8a45f 45%,#79420d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #9A6429 0%,#d8a45f 17%,#d8a45f 45%,#79420d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9A6429', endColorstr='#79420d',GradientType=0 ); /* IE6-9 */
	
	color: #5E3B20;
}

.morevids button:active {
	box-shadow:0 0 6px rgba(0, 0, 0, 0.75) inset;
}

.loading {
    margin-top: 39px;
    text-align: center;
}

.video {
    width: 199px;
	height: 110px;
}