/*Main Container*/
.container {
    width:100%;
    height: 100%;
    padding:0px;
    overflow:hidden;
    position: absolute;
    top:0;
    left:0;
}
.highlights li {
  display: block;
  float: left;
  overflow: auto;
  position: relative;
  z-index: 10
}
.highlights .slider_photo {
    float: left;
    overflow: hidden;
	position: relative;
}
.highlights .active .slider_photo:before {
  border-bottom: 8px solid transparent;
  border-left: 8px solid #D00377;
  border-top: 8px solid transparent;
  bottom: 58px;
  content: "";
  position: absolute;
  z-index: 100
}
.highlights .active #list_item_yellow:before {  border-left: 8px solid #FB9005;}
.highlights .active #list_item_purple:before {  border-left: 8px solid #703987;}
.highlights .active #list_item_green:before {  border-left: 8px solid #4BB024;}
.highlights .active #list_item_blue:before {  border-left: 8px solid #008BCB;}
.contentText {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  bottom: 0;
  color: #FFFFFF;
  height: 60px;
  line-height: 16px;
  opacity: 1;
  padding: 15px 120px 15px 15px;
  position: absolute;
  text-decoration: none;
  z-index: 60;
}
.contentText:after {
  color: #FFFFFF;
  content: "+";
  font-size: 60px;
  font-weight: bold;
  line-height: 1;
  margin-top: -27px;
  opacity: 1;
  position: absolute;
  right: 45px;
  top: 50%;
  z-index: 70;
}
.contentText .title{
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 5px;
    z-index:60;
}
.contentText span{
    position: absolute;
    top:35px;
    font-size: 60px;
    font-weight: bold;
    right:-80px;
    color:#ffffff;
     z-index:60;
}
/* Handle*/
.handle{
	cursor: pointer;
	float: left;
	width: 21px;
    height: 342px;
    margin-right:-1px;
    background:#cccccc;
	position: relative;
	z-index: 100
}
.handle:hover a:after, .active .handle a:after {
  border-bottom: 13px solid #FFFFFF;
  border-left: 13px solid transparent;
  bottom: 5px;
  content: "";
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 0;
}
.handleSelected{
	/*background: url(../images/blade_sel.png) no-repeat;*/
        background:#a7a49a;
        /*border-right:solid 1px #000000;*/
        cursor: pointer;
}

.handle a.rose{
    display:block;
    height: 100%;
    background:#d00377;
}

.handle a.blue{
    display:block;
    height: 100%;
    background:#008bcb ;
}

.handle a.yellow{
    display:block;
    height: 100%;
    background:#fb9005;
}

.handle a.green{
    display:block;
    height: 100%;
    background:#4bb024;
}

.handle a.purple{
    display:block;
    height: 100%;
    background:#703987;
}

.handle a.gray{
    display:block;
    height: 100%;
    background:#a7a49a;
}
.handle a.red{
    display:block;
    height: 100%;
    background:#d1072d;
}
.handle a.lightblue{
    display:block;
    height: 100%;
    background:#00ccb6;
}

.handleOver a{
    display:block;
    height: 100%;
    background:#a7a49a url(../images/highlight_white.png) no-repeat bottom center;
}
.handleOver a.gray{
    display:block;
    height: 100%;
    background:#a7a49a url(../images/highlight_white.png) no-repeat bottom center;
}
.handleOver a.red{
    display:block;
    height: 100%;
    background:#d1072d url(../images/highlight_white.png) no-repeat bottom center;
}
.handleOver a.lightblue{
    display:block;
    height: 100%;
    background:#00ccb6 url(../images/highlight_white.png) no-repeat bottom center;
}
.handleOver a.rose{
    display:block;
    height: 100%;
    background:#d00377 url(../images/highlight_white.png) no-repeat bottom center;
}
.handleOver a.blue{
    display:block;
    height: 100%;
    background:#008bcb url(../images/highlight_white.png) no-repeat bottom center;
}
.handleOver a.yellow{
    display:block;
    height: 100%;
    background:#fb9005 url(../images/highlight_white.png) no-repeat bottom center;
}
.handleOver a.purple{
    display:block;
    height: 100%;
    background:#703987 url(../images/highlight_white.png) no-repeat bottom center;
}
.handleOver a.green{
    display:block;
    height: 100%;
    background:#4bb024 url(../images/highlight_white.png) no-repeat bottom center;
}
.handleSelected a{
    display:block;
    height: 100%;
    background:#a7a49a;
}
.handleSelected a.gray{
    display:block;
    height: 100%;
    background:#a7a49a url(../images/highlight_white.png) no-repeat bottom center;
}
.handleSelected a.red{
    display:block;
    height: 100%;
    background:#d1072d url(../images/highlight_white.png) no-repeat bottom center;
}
.handleSelected a.lightblue{
    display:block;
    height: 100%;
    background:#00ccb6 url(../images/highlight_white.png) no-repeat bottom center;
}
.handleSelected a.rose{
    display:block;
    height: 100%;
    background:#d00377 url(../images/highlight_white.png) no-repeat bottom center;
}
.handleSelected a.blue{
    display:block;
    height: 100%;
    background:#008bcb url(../images/highlight_white.png) no-repeat bottom center;
}
.handleSelected a.yellow{
    display:block;
    height: 100%;
    background:#fb9005 url(../images/highlight_white.png) no-repeat bottom center;
}
.handleSelected a.purple{
    display:block;
    height: 100%;
    background:#703987 url(../images/highlight_white.png) no-repeat bottom center;
}
.handleSelected a.green{
    display:block;
    height: 100%;
    background:#4bb024 url(../images/highlight_white.png) no-repeat bottom center;
}