/*------------------------------------------------------------------------
* Copyright (c) 2008-2012 ZooTemplate. All Rights Reserved.
* @license - Copyrighted Commercial Software
* Author: ZooTemplate
* Websites:  http://www.zootemplate.com
-------------------------------------------------------------------------*/
.zt_scroller{position:relative; padding: 25px 10px 25px 15px;}
.scroller-slider { display:block; overflow: hidden;padding:0; margin: 0; width: 99% !important;}
.scroller-slider > ul {display:block; float:left;}
.scroller-slider > ul > li{padding:0;background:none;overflow:visible !important;}

.scroller-slider div.catpanel  {   margin: 0 auto;}
.scroller-slider div.catpanel  .img{ position:relative; border:1px solid #d4d7db; background:#f9fafc; padding: 4px; float: left; margin: 0 15px;}
.scroller-slider div.catpanel  .img .des{background:url(https://runningandliving.com/templates/zt_newsiv/images/zt_scoller/bkg-caption.png) repeat top left; position:absolute; bottom:0; left:0; padding: 5px; color:#ffffff; font-weight: bold; float:left; line-height: 120%; }
.scroller-slider div.catpanel > div {display:inline-block;margin:0 5px;}
.scroller-slider div.catpanel > div > a{display:block;}
.scroller-slider div.catpanel a.img{ margin: 0  13px; position: relative; }
.scroller-slider div.catpanel a.img span{
	opacity: 0;
	background: url('../images/zt_scoller/bg-caption.png') top left repeat;
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
	position: absolute;
	width: 300px;
	height: 100%;
	top: 4px;
	padding: 15px 25px;
	left: 4px;
	text-align: center;
	font-family: Times New Roman;
	font-size: 17px;
	color:#ffffff;
	line-height: 19px;
}
.scroller-slider div.catpanel  a.img:hover span{ opacity: 1; }
.scroller-slider div.catpanel > div > a.title{margin:10px 0; font-size:120%;font-family:Tahoma;}
.scroller-slider div.catpanel > div.block p {margin: 0;}

.zt_scroller div.pagenave {position: static; top: auto; left: auto; text-align: center; margin: 20px 0 0 0;}
.zt_scroller div.pagenave button{ height:17px;width:11px;border:none;cursor:pointer;padding:0; background:url(../images/nav.png) no-repeat; }
.zt_scroller div.pagenave  .next { background-position: left -17px;margin: 0 0 0 10px;}
.zt_scroller div.pagenave  .next:hover{background-position: left -34px;}
.zt_scroller div.pagenave  .next:active{background-position: left -34px;}
.zt_scroller div.pagenave .prev { background-position:  0 0; margin: 0px 10px 0 0;}
.zt_scroller div.pagenave  .prev:hover{background-position: 0 -51px;}
.zt_scroller div.pagenave  .prev:active{background-position: 0 -51px;}
.zt_scroller div.pagenave  span { width: 11px; height: 11px; background:url(../images/zt_scoller/itemcount.png) no-repeat left center; margin: 0 5px;  text-indent: -999em; padding: 0 5px; cursor: pointer;}
.zt_scroller div.pagenave  span.active,
.zt_scroller div.pagenave  span:hover { background:url(../images/zt_scoller/itemcount-active.png) no-repeat left center;}
div.control { display: block; float: left;position: absolute; bottom: 1px;left: 1px; z-index: 9;}
div.control span {float: left;width: 10px;height: 10px;border: #dfdfdf solid 1px;margin-right: 3px;font-size: 11px;padding: 0 0 3px 3px;cursor: pointer;}