html {
	height: 100%;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body {
	background: transparent;
	color: #eee;
	padding: 0;
	margin: 0;
	height: 100%;
	font-family: Verdana, sans-serif;
	font-size: 12px;
}

#bigprev {
	width: 50%;
	height: 100%;
	float: left;
	position: fixed; 
	left: 0%; 
	cursor: pointer;
}

#bigprev:hover {
	background: url('https://68.media.tumblr.com/1904f8ed32df3a55c9cffaa472d68617/tumblr_nilogcvHy81u93wl3o1_75sq.png') no-repeat;
	background-size: 18px auto;
	background-position: 5% center;
}

#bignext {
	width: 50%;
	height: 100%;
	float: right;
	position: fixed; 
	right: 0%; 
	cursor: pointer;
}

#bignext:hover {
	background: url('https://68.media.tumblr.com/5e53e76ae356342b37f9e499154a175c/tumblr_niloh5nvtq1u93wl3o1_75sq.png') no-repeat; 
	background-size: 18px auto;
	background-position: 95% center;	
}

#loader {
	background: url('https://68.media.tumblr.com/00745f8fbd254194a47345e22658a71b/tumblr_o2tidtLM7U1u93wl3o1_75sq.png') no-repeat;
	background-position: center;
	height: 100%;
	width: 100%;
}

#slide {
	height: 100%;
	width: 100%;
	text-align: center;
}

#slide img {
    vertical-align: middle;
    height: 100%;
    max-width: 100%;
}

#controls {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 6px 6px 4px 5px;
	background: #000;
	opacity: 0.7;
	border-radius: 5px;
}

.control {
	-webkit-filter: brightness(80%);
}

.control:hover {
	-webkit-filter: brightness(100%);
}

#next {
	cursor: pointer;  
	margin-right: 10px;
}

#previous {
	cursor: pointer;
}

#showcontrol {
	cursor: pointer;
}

#showtime {
	position: relative;
	top: -4px;
}

#stime {
	border: 0;
	background: #000;
	color: #eee;
	width: 15px;
}

#stimelabel {
	cursor: default;
}

#stime:hover {
	background: #222;
}

#error {
	display: none;
	color: red;
}