.thumbnail {
padding: 20px;
}
/* Image Slider by Curtis*/
#slider {
position: relative;
overflow: hidden;
margin: 0 0 0 50px;
border-radius: 4px;
}
#slider ul {
position: relative;
margin: 0;
padding: 0;
height: 650px;
list-style: none;
}
#slider ul li {
position: relative;
display: block;
float: left;
margin: 0;
padding: 0;
width: 500px;
height: 522px;
background: #fff;
text-align: center;
}
#slider ul li figcaption {
margin: 0px 0px;
text-align: right;
clear: both;
}
#slider ul li img {
margin-left: 0px;
margin-bottom: 5px;
float: right;
}
span.control_prev, span.control_next, span.control_pauseplay {
top: 40%;
z-index: 999;
display: inline-block;
width: 24px;
height: auto;
background: #fff;
color: #488AC7;
text-decoration: none;
font-weight: 600;
font-size: 18px;
opacity: 0.65;
cursor: pointer;
/* float: right; */
cursor: pointer;
text-align: center;
outline: none;
}
span.control_prev, span.control_next {
padding: 4px 3%;
}
span.control_pauseplay {
font-size: 12px;
line-height: 24px;
right: -4px;
position: relative;
}
span.control_prev:hover, span.control_next:hover {
opacity: 1;
-webkit-transition: all 0.2s ease;
}
span.control_prev {
border-radius: 0 2px 2px 0;
padding: 0px 0px;
right: -4px;
position: relative;
}
span.control_next {
right: -4px;
position: relative;
padding: 0px 0px;
border-radius: 2px 0 0 2px;
}
.slider_controls {
padding-bottom: 0px;
}
#count_text {
clear: both;
display: block;
}
span.control_prev, span.control_next, span.control_pauseplay {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome and Opera */
}
.btn-pause {
position: relative;
right: 2px;
}
.btn-play {
position: relative;
right: 0px;
}
/* End code by Curtis: */