#item-hint.da-slider-fb .item{
	left: 79%;
}
#item-hint.da-slider-fb .item .image{left: 0;}
#item-hint.da-slider-fb .item.da-slide-current{
	left: 0px;
}
#item-hint.da-slider-fb .item .description, #item-hint.da-slider-fb .item .more{
	top: 0px;
	left: 0px;
	opacity: 1;
}
#item-hint.da-slider-fb .item .title{left:0; opacity:1;}

#item-hint .item .title,
#item-hint .item .description,
#item-hint .item .more{
	position: relative;
	opacity: 0;
	left: 110%;
}
#item-hint .item.da-slide-current{z-index: 200}

#item-hint .item .image{position: absolute; left: 100%;}


#item-hint .da-dots, #item-hint-ls .da-dots{display: none;}

#item-hint .item.da-slide-current .title{
	opacity: 1;
	left: 0;
	position: relative;
}
#item-hint .item.da-slide-current .image{
	opacity: 1;
	left: 0%;
	top: 0px;
}
#item-hint .item.da-slide-current .description, #item-hint .item.da-slide-current .more{
	left: 0px;
	top: 0px;
	opacity: 1;
	position: relative;
}
#item-hint .item.da-slide-current a.more:hover{background: #2e4e6d;}

/* Slide in from the right*/
#item-hint .da-slide-fromright .title{
	-webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
}
#item-hint .da-slide-fromright .image{
	-webkit-animation: fromRightAnim2 0.4s ease-in-out 1.2s both;
	-moz-animation: fromRightAnim2 0.4s ease-in-out 1.2s both;
	-o-animation: fromRightAnim2 0.4s ease-in-out 1.2s both;
	-ms-animation: fromRightAnim2 0.4s ease-in-out 1.2s both;
	animation: fromRightAnim2 0.4s ease-in-out 1.2s both;
}
#item-hint .da-slide-fromright .description, #item-hint .da-slide-fromright .more{
	-webkit-animation: fromRightAnim3 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim3 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim3 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim3 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim3 0.6s ease-in-out 0.8s both;
}
@-webkit-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
	0%{ left: 100%; top:0px; opacity: 1; }
	25%{ left: 100%; top:0px; opacity: 0.5; }
	50%{ left: 100%; top:0px; opacity: 0; }
	70%{ left: 0%; top:0px; opacity: 0; }
	75%{ left: 0%; top:0px; opacity: 0.5; }
	100%{ left: 0%; top:0px; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 0px; opacity: 1; }
}

@-moz-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
	0%{ left: 100%; top:0px; opacity: 1; }
	25%{ left: 100%; top:0px; opacity: 0.5; }
	50%{ left: 100%; top:0px; opacity: 0; }
	70%{ left: 0%; top:0px; opacity: 0; }
	75%{ left: 0%; top:0px; opacity: 0.5; }
	100%{ left: 0%; top:0px; opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 0px; opacity: 1; }
}

@-o-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
	0%{ left: 100%; top:0px; opacity: 1; }
	25%{ left: 100%; top:0px; opacity: 0.5; }
	50%{ left: 100%; top:0px; opacity: 0; }
	70%{ left: 0%; top:0px; opacity: 0; }
	75%{ left: 0%; top:0px; opacity: 0.5; }
	100%{ left: 0%; top:0px; opacity: 1; }
}
@-o-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 0px; opacity: 1; }
}

@-ms-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
	0%{ left: 100%; top:0px; opacity: 1; }
	25%{ left: 100%; top:0px; opacity: 0.5; }
	50%{ left: 100%; top:0px; opacity: 0; }
	70%{ left: 0%; top:0px; opacity: 0; }
	75%{ left: 0%; top:0px; opacity: 0.5; }
	100%{ left: 0%; top:0px; opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 0px; opacity: 1; }
}

@keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@keyframes fromRightAnim2{
	0%{ left: 100%; top:0px; opacity: 1; }
	25%{ left: 100%; top:0px; opacity: 0.5; }
	50%{ left: 100%; top:0px; opacity: 0; }
	70%{ left: 0%; top:0px; opacity: 0; }
	75%{ left: 0%; top:0px; opacity: 0.5; }
	100%{ left: 0%; top:0px; opacity: 1; }
}
@keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 0px; opacity: 1; }
}
/* Slide in from the left*/
#item-hint .da-slide-fromleft .title{
	-webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
}
#item-hint .da-slide-fromleft .image{
	-webkit-animation: fromLeftAnim2 0.4s ease-in-out 1.2s both;
	-moz-animation: fromLeftAnim2 0.4s ease-in-out 1.2s both;
	-o-animation: fromLeftAnim2 0.4s ease-in-out 1.2s both;
	-ms-animation: fromLeftAnim2 0.4s ease-in-out 1.2s both;
	animation: fromLeftAnim2 0.4s ease-in-out 1.2s both;
}
#item-hint .da-slide-fromleft .description, #item-hint .da-slide-fromleft .more{
	-webkit-animation: fromLeftAnim3 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim3 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim3 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim3 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim3 0.6s ease-in-out 0.6s both;
}
@-webkit-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
	0%{ left: 100%; top:0px; opacity: 1; }
	25%{ left: 100%; top:0px; opacity: 0.5; }
	50%{ left: 100%; top:0px; opacity: 0; }
	70%{ left: 0%; top:0px; opacity: 0; }
	75%{ left: 0%; top:0px; opacity: 0.5; }
	100%{ left: 0%; top:0px; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 0px; opacity: 1; }
}

@-moz-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
	0%{ left: 100%; top:0px; opacity: 1; }
	25%{ left: 100%; top:0px; opacity: 0.5; }
	50%{ left: 100%; top:0px; opacity: 0; }
	70%{ left: 0%; top:0px; opacity: 0; }
	75%{ left: 0%; top:0px; opacity: 0.5; }
	100%{ left: 0%; top:0px; opacity: 1; }
}
@-moz-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 0px; opacity: 1; }
}

@-o-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
	0%{ left: 100%; top:0px; opacity: 1; }
	25%{ left: 100%; top:0px; opacity: 0.5; }
	50%{ left: 100%; top:0px; opacity: 0; }
	70%{ left: 0%; top:0px; opacity: 0; }
	75%{ left: 0%; top:0px; opacity: 0.5; }
	100%{ left: 0%; top:0px; opacity: 1; }
}
@-o-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 0px; opacity: 1; }
}

@-ms-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
	0%{ left: 100%; top:0px; opacity: 1; }
	25%{ left: 100%; top:0px; opacity: 0.5; }
	50%{ left: 100%; top:0px; opacity: 0; }
	70%{ left: 0%; top:0px; opacity: 0; }
	75%{ left: 0%; top:0px; opacity: 0.5; }
	100%{ left: 0%; top:0px; opacity: 1; }
}
@-ms-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 0px; opacity: 1; }
}

@keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 0%; opacity: 1; }
}
@keyframes fromLeftAnim2{
	0%{ left: 100%; top:0px; opacity: 1; }
	25%{ left: 100%; top:0px; opacity: 0.5; }
	50%{ left: 100%; top:0px; opacity: 0; }
	70%{ left: 0%; top:0px; opacity: 0; }
	75%{ left: 0%; top:0px; opacity: 0.5; }
	100%{ left: 0%; top:0px; opacity: 1; }
}
@keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 0px; opacity: 1; }
}
/* Slide out to the right */
#item-hint .da-slide-toright .title{
	-webkit-animation: toRightAnim1 0.6s ease-in-out both;
	-moz-animation: toRightAnim1 0.6s ease-in-out both;
	-o-animation: toRightAnim1 0.6s ease-in-out both;
	-ms-animation: toRightAnim1 0.6s ease-in-out both;
	animation: toRightAnim1 0.6s ease-in-out both;
}
#item-hint .da-slide-toright .image{
	-webkit-animation: toRightAnim2 0.6s ease-in-out 0.6s both;
	-moz-animation: toRightAnim2 0.6s ease-in-out 0.6s both;
	-o-animation: toRightAnim2 0.6s ease-in-out 0.6s both;
	-ms-animation: toRightAnim2 0.6s ease-in-out 0.6s both;
	animation: toRightAnim2 0.6s ease-in-out 0.6s both;
}
#item-hint .da-slide-toright .description, #item-hint .da-slide-toright .more{
	-webkit-animation: toRightAnim3 0.6s ease-in-out 0.5s both;
	-moz-animation: toRightAnim3 0.6s ease-in-out 0.5s both;
	-o-animation: toRightAnim3 0.6s ease-in-out 0.5s both;
	-ms-animation: toRightAnim3 0.6s ease-in-out 0.5s both;
	animation: toRightAnim3 0.6s ease-in-out 0.5s both;
}
@-webkit-keyframes toRightAnim1{
	0%{ left: 0%;  opacity: 1; }
	30%{ left: -15%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
	0%{ left: 0%; top:0px;  opacity: 1; }
	25%{ left: 0%; top:0px;  opacity: 0.5; }
	50%{ left: 0%; top:0px;  opacity: 0; }
	70%{ left: 100%; top:0px;  opacity: 0; }
	75%{ left: 100%; top:0px;  opacity: 0.5; }
	100%{ left: 100%; top:0px; opacity: 1; }
}
@-webkit-keyframes toRightAnim3{
	0%{ left: 0px; opacity: 1; }
	30%{ left: -3%; opacity: 1; }
	100%{ left: 110%; opacity: 0; }
	
}

@-moz-keyframes toRightAnim1{
	0%{ left: 0%;  opacity: 1; }
	30%{ left: -15%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim2{
	0%{ left: 0%; top:0px;  opacity: 1; }
	25%{ left: 0%; top:0px;  opacity: 0.5; }
	50%{ left: 0%; top:0px;  opacity: 0; }
	70%{ left: 100%; top:0px;  opacity: 0; }
	75%{ left: 100%; top:0px;  opacity: 0.5; }
	100%{ left: 100%; top:0px; opacity: 1; }
}
@-moz-keyframes toRightAnim3{
	0%{ left: 0px; opacity: 1; }
	30%{ left: -3%; opacity: 1; }
	100%{ left: 110%; opacity: 0; }
}

@-o-keyframes toRightAnim1{
	0%{ left: 0%;  opacity: 1; }
	30%{ left: -15%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim2{
	0%{ left: 0%; top:0px;  opacity: 1; }
	25%{ left: 0%; top:0px;  opacity: 0.5; }
	50%{ left: 0%; top:0px;  opacity: 0; }
	70%{ left: 100%; top:0px;  opacity: 0; }
	75%{ left: 100%; top:0px;  opacity: 0.5; }
	100%{ left: 100%; top:0px; opacity: 1; }
}
@-o-keyframes toRightAnim3{
	0%{ left: 0px; opacity: 1; }
	30%{ left: -3%; opacity: 1; }
	100%{ left: 110%; opacity: 0; }
}

@-ms-keyframes toRightAnim1{
	0%{ left: 0%;  opacity: 1; }
	30%{ left: -15%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim2{
	0%{ left: 0%; top:0px;  opacity: 1; }
	25%{ left: 0%; top:0px;  opacity: 0.5; }
	50%{ left: 0%; top:0px;  opacity: 0; }
	70%{ left: 100%; top:0px;  opacity: 0; }
	75%{ left: 100%; top:0px;  opacity: 0.5; }
	100%{ left: 100%; top:0px; opacity: 1; }
}
@-ms-keyframes toRightAnim3{
	0%{ left: 0px; opacity: 1; }
	30%{ left: -3%; opacity: 1; }
	100%{ left: 110%; opacity: 0; }
}

@keyframes toRightAnim1{
	0%{ left: 0%;  opacity: 1; }
	30%{ left: -15%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
	0%{ left: 0%; top:0px;  opacity: 1; }
	25%{ left: 0%; top:0px;  opacity: 0.5; }
	50%{ left: 0%; top:0px;  opacity: 0; }
	70%{ left: 100%; top:0px;  opacity: 0; }
	75%{ left: 100%; top:0px;  opacity: 0.5; }
	100%{ left: 100%; top:0px; opacity: 1; }
}
@keyframes toRightAnim3{
	0%{ left: 0px; opacity: 1; }
	30%{ left: -3%; opacity: 1; }
	100%{ left: 110%; opacity: 0; }
}
/* Slide out to the left*/
#item-hint .da-slide-toleft .title{
	-webkit-animation: toLeftAnim1 0.6s ease-in-out both;
	-moz-animation: toLeftAnim1 0.6s ease-in-out both;
	-o-animation: toLeftAnim1 0.6s ease-in-out both;
	-ms-animation: toLeftAnim1 0.6s ease-in-out both;
	animation: toLeftAnim1 0.6s ease-in-out both;
}
#item-hint .da-slide-toleft .image{
	-webkit-animation: toLeftAnim2 0.6s ease-in-out 0.6s both;
	-moz-animation: toLeftAnim2 0.6s ease-in-out 0.6s both;
	-o-animation: toLeftAnim2 0.6s ease-in-out 0.6s both;
	-ms-animation: toLeftAnim2 0.6s ease-in-out 0.6s both;
	animation: toLeftAnim2 0.6s ease-in-out 0.6s both;
}
#item-hint .da-slide-toleft .description, #item-hint .da-slide-toleft .more{
	-webkit-animation: toLeftAnim3 0.6s ease-in-out 0.5s both;
	-moz-animation: toLeftAnim3 0.6s ease-in-out 0.5s both;
	-o-animation: toLeftAnim3 0.6s ease-in-out 0.5s both;
	-ms-animation: toLeftAnim3 0.6s ease-in-out 0.5s both;
	animation: toLeftAnim3 0.6s ease-in-out 0.5s both;
}
@-webkit-keyframes toLeftAnim1{
	0%{ left: 0%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -110%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
	0%{ left: 0%; top:0px;  opacity: 1; }
	25%{ left: 0%; top:0px;  opacity: 0.5; }
	50%{ left: 0%; top:0px;  opacity: 0; }
	70%{ left: 100%; top:0px;  opacity: 0; }
	75%{ left: 100%; top:0px;  opacity: 0.5; }
	100%{ left: 100%; top:0px; opacity: 1; }
}
@-webkit-keyframes toLeftAnim3{
	0%{ left: 0px;  opacity: 1; }
	40%{ left: 5%;  opacity: 1; }
	100%{ left: -110%; opacity: 0; }
}

@-moz-keyframes toLeftAnim1{
	0%{ left: 0%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -110%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
	0%{ left: 0%; top:0px;  opacity: 1; }
	25%{ left: 0%; top:0px;  opacity: 0.5; }
	50%{ left: 0%; top:0px;  opacity: 0; }
	70%{ left: 100%; top:0px;  opacity: 0; }
	75%{ left: 100%; top:0px;  opacity: 0.5; }
	100%{ left: 100%; top:0px; opacity: 1; }
}
@-moz-keyframes toLeftAnim3{
	0%{ left: 0px;  opacity: 1; }
	40%{ left: 5%;  opacity: 1; }
	100%{ left: -110%; opacity: 0; }
}

@-o-keyframes toLeftAnim1{
	0%{ left: 0%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -110%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
	0%{ left: 0%; top:0px;  opacity: 1; }
	25%{ left: 0%; top:0px;  opacity: 0.5; }
	50%{ left: 0%; top:0px;  opacity: 0; }
	70%{ left: 100%; top:0px;  opacity: 0; }
	75%{ left: 100%; top:0px;  opacity: 0.5; }
	100%{ left: 100%; top:0px; opacity: 1; }
}
@-o-keyframes toLeftAnim3{
	0%{ left: 0px;  opacity: 1; }
	40%{ left: 5%;  opacity: 1; }
	100%{ left: -110%; opacity: 0; }
}

@-ms-keyframes toLeftAnim1{
	0%{ left: 0%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -110%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
	0%{ left: 0%; top:0px;  opacity: 1; }
	25%{ left: 0%; top:0px;  opacity: 0.5; }
	50%{ left: 0%; top:0px;  opacity: 0; }
	70%{ left: 100%; top:0px;  opacity: 0; }
	75%{ left: 100%; top:0px;  opacity: 0.5; }
	100%{ left: 100%; top:0px; opacity: 1; }
}
@-ms-keyframes toLeftAnim3{
	0%{ left: 0px;  opacity: 1; }
	40%{ left: 5%;  opacity: 1; }
	100%{ left: -110%; opacity: 0; }
}

@keyframes toLeftAnim1{
	0%{ left: 0%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -110%; opacity: 0; }
}
@keyframes toLeftAnim2{
	0%{ left: 0%; top:0px;  opacity: 1; }
	25%{ left: 0%; top:0px;  opacity: 0.5; }
	50%{ left: 0%; top:0px;  opacity: 0; }
	70%{ left: 100%; top:0px;  opacity: 0; }
	75%{ left: 100%; top:0px;  opacity: 0.5; }
	100%{ left: 100%; top:0px; opacity: 1; }
}
@keyframes toLeftAnim3{
	0%{ left: 0px;  opacity: 1; }
	40%{ left: 5%;  opacity: 1; }
	100%{ left: -110%; opacity: 0; }
}
