.cb-slideshow,.cb-slideshow:after { 
margin:0;
padding:0;
list-style-type: none;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0; 
z-index: 1;
}

.cb-slideshow:after { 
content: '';
background: transparent url('images/3000.png') repeat top left; 
}

.cb-slideshow li{ 
width: 100%;
height: 100%;
}

.cb-slideshow li span{ 
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
opacity: 0;
z-index: 0;
-webkit-animation: imageAnimation 30s linear infinite 0s; 
-moz-animation: imageAnimation 30s linear infinite 0s; 
-ms-animation: imageAnimation 30s linear infinite 0s; 
animation: imageAnimation 30s linear infinite 0s; 
}

.cb-slideshow li div { 
z-index: 1000;
position: absolute;
bottom:20%;
left: 20%;
width: 100%;
max-width:700px;
text-align:left;
opacity: 0;
color: #fff;
-webkit-animation: titleAnimation 30s linear infinite 0s; 
-moz-animation: titleAnimation 30s linear infinite 0s; 
-ms-animation: titleAnimation 30s linear infinite 0s; 
animation: titleAnimation 30s linear infinite 0s; 
display:none;
}

.cb-slideshow li div h3 { 
font-size: 3.0em;
color:#fff;
padding: 0;
line-height: 1.0em; 
}

.cb-slideshow li:nth-child(1) span{
background-image: url('images/1.jpg');
}
.cb-slideshow li:nth-child(2) span{
background-image: url('images/75.jpg');
-webkit-animation-delay: 10s; 
-moz-animation-delay: 10s; 
-ms-animation-delay: 10s; 
animation-delay: 10s; 
}
.cb-slideshow li:nth-child(3) span{ 
background-image: url('images/4.jpg');
-webkit-animation-delay: 20s; 
-moz-animation-delay: 20s; 
-ms-animation-delay: 20s; 
animation-delay: 20s; 
}
.cb-slideshow li:nth-child(4) span{ 
background-image: url('external/images/1000.jpg');
-webkit-animation-delay: 30s; 
-moz-animation-delay: 30s; 
-ms-animation-delay: 30s; 
animation-delay: 30s; 
}

.cb-slideshow li:nth-child(2) div { 
-webkit-animation-delay: 10s; 
-moz-animation-delay: 10s; 
-ms-animation-delay: 10s; 
animation-delay: 10s; 
}
.cb-slideshow li:nth-child(3) div { 
-webkit-animation-delay: 20s; 
-moz-animation-delay: 20s; 
-ms-animation-delay: 20s; 
animation-delay: 20s; 
}
.cb-slideshow li:nth-child(4) div { 
-webkit-animation-delay: 30s; 
-moz-animation-delay: 30s; 
-ms-animation-delay: 30s; 
animation-delay: 30s; 
}

@-moz-keyframes imageAnimation { 
	0% {opacity: 0; -moz-animation-timing-function: ease-in;}
	7% {opacity: 1;}
	33% {opacity: 1;}
	40% { opacity: 0; -moz-transform: scale(1.15);}
	100% { opacity: 0 }
}
@-webkit-keyframes imageAnimation { 
	0% {opacity: 0; -webkit-animation-timing-function: ease-in;}
	7% {opacity: 1;}
	33% {opacity: 1;}
	40% { opacity: 0; -webkit-transform: scale(1.15);}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {opacity: 0; animation-timing-function: ease-in;}
	7% {opacity: 1;}
	33% {opacity: 1;}
	40% { opacity: 0; transform: scale(1.15);}
	100% { opacity: 0 }
}

@-webkit-keyframes titleAnimation { 
	0% {opacity: 0; }
	3% {opacity: 0; -webkit-transform: translateX(3000px); -webkit-animation-timing-function: ease-in;}
	6% {opacity: 1; -webkit-transform: translateX(0); }
	33% {opacity: 1; -webkit-transform: translateX(0);}
	36% { opacity: 0; -webkit-transform: translateX(-3000px);}
	100% { opacity:0 }
}
@-moz-keyframes titleAnimation { 
	0% {opacity: 0; }
	3% {opacity: 0; -moz-transform: translateX(3000px); -moz-animation-timing-function: ease-in;}
	6% {opacity: 1; -moz-transform: translateX(0); }
	33% {opacity: 1; -moz-transform: translateX(0);}
	36% { opacity: 0; -moz-transform: translateX(-3000px);}
	100% { opacity:0 }
}
@keyframes titleAnimation { 
	0% {opacity: 0; }
	3% {opacity: 0; transform: translateX(3000px); animation-timing-function: ease-in;}
	6% {opacity: 1; transform: translateX(0); }
	33% {opacity: 1; transform: translateX(0);}
	36% { opacity: 0; transform: translateX(-3000px);}
	100% { opacity:0 }
}

.no-cssanimations .cb-slideshow li span{
opacity: 1;
}