/*
Skin Name: Nivo Slider News Thumbnail Theme
Description: Here Media company news thumbnail slideshows
*/

.theme-news {
  overflow: hidden;
  position: relative;
}
.theme-news .nivoSlider {
  overflow: hidden;
	position:relative;
	background:#fff url(loading.gif) no-repeat 50% 50%;
  margin-bottom:0;
}
.theme-news .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
  width: 200px;
  height: 160px;
}
.theme-news .nivoSlider a {
	border:0;
	display:block;
}

.theme-news .nivo-slice {
}

.theme-news .nivo-controlNav {
	text-align: center;
	padding: 20px 0;
}
.theme-news .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.theme-news .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-news .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-news:hover .nivo-directionNav a { opacity: 1; }
.theme-news a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-news a.nivo-prevNav {
	left:15px;
}

.theme-news .nivo-caption {
  font: 600 12px/12px Arial, sans-serif;
  color: #ffffff;
  opacity: 1;
  background: rgba(0,0,0, 0.4);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.theme-news .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-news .nivo-caption a:hover {
    color:#fff;
}

.theme-news .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-news .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-news .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}