﻿.jscarousal{
width: 950px;
height: 131px;
margin: 0;
padding: 0;
position: relative;} 

.jscarousal .jscarousal-left, .jscarousal .jscarousal-right{float: left;width: 12px;height: 100px;position: relative;top: 12px;cursor: pointer;}
.jscarousal .jscarousal-left{background: url(../idx_items/left_arrow.png) no-repeat left;}
.jscarousal .jscarousal-right{background: url(../idx_items/right_arrow.png) no-repeat right;}


.jscarousal-contents{width: 925px; height: 130px;float: left; position: relative;overflow: hidden;}
.jscarousal-contents > div{position: absolute;width: 100%;height: 130px;}
.jscarousal-contents > div > div{float: left;margin-left: 2px;margin-right: 2px;}
/*.jscarousal-contents img{width: 178px;height: 128px;}*/

.hidden{display: none;}
.visible{display: block;}

.thumbnail-active{filter: alpha(opacity=80);opacity: 0.8;cursor: pointer;}
.thumbnail-active img{border:1px solid gray;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.thumbnail-active a:hover img{border:1px solid gray;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.thumbnail-inactive{filter: alpha(opacity=100);opacity: 1.0;cursor: pointer;margin:0 1px;}
.thumbnail-inactive img{border:1px solid gray;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.thumbnail-inactive a:hover img{border:1px solid gray;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.thumbnail-text{text-align: center;display: block;padding: 5px 2px 2px 0px;}





