.crossfade {
    position: relative;
    z-index: 1;
    width: 478px;
    height: 636px;
}

.crossfade img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: transparent;
    opacity: 1;
    -webkit-backface-visibility: hidden;
    -webkit-animation: crossFade 15s ease-out;
    -moz-animation: crossFade 15s ease-out;
    -ms-animation: crossFade 15s ease-out;
    animation: crossFade 15s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/* CSS keyframes for crossfade */
@-webkit-keyframes crossFade {
    0% {opacity: 0;z-index:5;}
    20% {opacity: 1;}
    60% {opacity: 1;}
    80% {opacity: 0;z-index:10;}
    100% {opacity: 0;z-index:5;}
}

@-moz-keyframes crossFade {
    0% {opacity: 0;z-index:5;}
    20% {opacity: 1;}
    60% {opacity: 1;}
    80% {opacity: 0;z-index:10;}
    100% {opacity: 0;z-index:5;}
}

@keyframes crossFade {
    0% {opacity: 0;z-index:5;}
    20% {opacity: 1;}
    60% {opacity: 1;}
    80% {opacity: 0;z-index:10;}
    100% {opacity: 0;z-index:5;}
}

.crossfade img { 
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    -ms-animation-delay: 0s;
    animation-delay: 0s;
}

.crossfade img:nth-child(2) { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.crossfade img:nth-child(3) { 
    -webkit-animation-delay: 9.5s;
    -moz-animation-delay: 9.5s;
    -o-animation-delay: 9.5s;
    -ms-animation-delay: 9.5s;
    animation-delay: 9.5s;
}

.model1th {
	background-image: url(../images/131206-item-model03.png);
	background-position: left top;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
}
.model2th {
	background-image: url(../images/131206-item-model04.png);
	background-position: left top;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
}
.model3th {
	background-image: url(../images/131206-item-model07.png);
	background-position: left top;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
}
.lt-ie9 .model1th,
.lt-ie9 .model2th,
.lt-ie9 .model3th {
	background-image: none;
}
