#banner-upper{position: absolute; 
display: block; 
color: rgb(255, 255, 255); 
top: 0px; 
background-color: rgb(0, 0, 0);

 width: 100%; 
 height: 160px; 
 left: 0px; 
 opacity: 0.8; 
 white-space: nowrap; 
 transition: all 250ms ease-in-out 0s; 
  -webkit-transition: all 250ms ease-in-out 0s; 
 z-index: 0; 
 transform: perspective(1000px) rotateY(180deg);}
#middleBannerSmall .img{position:absolute;z-index:1;}
#banner-upper.supp_trans{
-webkit-transition : all 250ms ease-in-out 0s ;
-webkit-transform-style :  preserve-3d ;
 -webkit-transform : perspective(1000px) rotateY(-180deg);

transform-style :  preserve-3d ;
transition : all 250ms ease-in-out 0s ;
 transform : perspective(1000px) rotateY(-180deg);
 display :block;
 width :100%; 
 left:0px;
 z-index :0;

 }
#banner-upper.rotate{-webkit-transform:perspective(1095px) rotateY(0deg);
transform:perspective(1095px) rotateY(0deg);

z-index:250;}
#detail-banner{
position:absolute;
right:15px;
bottom:15px;
}
.banner_click:hover img{opacity:0.8;}
.banner_click{cursor:pointer;}
#banner-upper .text_banner{padding:20px; font-size:18px; font-family:Arial; color:#fff;}
#detail-banner span{color: #000000;
    float: left;
    font-family: 'Arial';
    font-size: 18px;
    
    line-height: 26px;
    padding-right: 10px;}
#close-detail-banner {
	position:absolute;
	right: 15px;
	top: 15px;
	border: 1px solid #FFF;
    width: 29px;
    height: 29px;
    border-radius: 50%;
}
	#close-detail-banner:before,
	#close-detail-banner:after {
		content: '';
		position: absolute;
		width: 15px;
		height: 1px;
		background: #FFF;
		top: 14px;
		left: 7px;
		transform: rotate(45deg);
	}
	#close-detail-banner:after {
		transform: rotate(-45deg);
	}
#middleBannerSmall .img.supp_trans{
-webkit-transform-style :  preserve-3d ;
transform-style: preserve-3d;
transition:all 250ms ease-in-out 0s;
-webkit-transition:all 250ms ease-in-out 0s;

z-index:250;
transform:perspective(1000px) rotateY(0deg);
 -webkit-transform:perspective(1000px) rotateY(0deg)}
#middleBannerSmall .img.rotate{  -webkit-transform : perspective(1095px) rotateY(180deg) ;
transform : perspective(1095px) rotateY(180deg) ;
 z-index : 0; }