#bgjoue{width:100%; background:#fff; height: 100%; display:inline-block; padding-bottom:45px;}
#joue{margin:auto; height: 100%; width:975px; padding-top:86px;}
.atxt1{font-size: 24px; font-weight: bold; color: #e6bc45; border-bottom:solid 2px #e6bc45; width:151px; padding-bottom:12px; line-height:15px;margin-bottom:15px;}
.atxt2{font-family: Calibri, "Myriad pro", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #000;}
.chesstab{height:975px; width:975px; margin-top:45px;}
.chessline{height:195px; width:975px;}
.chesscell{height:195px; width:195px; float:left;}
.chesspoint{cursor:pointer; position: relative; overflow: hidden;}
.chesshover{
height:121px; 
width:195px; 
background:#000; 
z-index:99999; 
padding-top:74px; 
text-align:center; 
font-size:18px; 
font-weight:normal; 
color:#fff; 
bottom:195px;
position: absolute;    
-webkit-transition: all 300ms ease-out;  
-moz-transition: all 300ms ease-out;  
-o-transition: all 300ms ease-out;  
-ms-transition: all 300ms ease-out;  
transition: all 300ms ease-out;  
}
.chesspoint img{
position: absolute;  
bottom: 0; 
-webkit-transition: all 300ms ease-out;  
-moz-transition: all 300ms ease-out;  
-o-transition: all 300ms ease-out;  
-ms-transition: all 300ms ease-out;  
transition: all 300ms ease-out;
}	
.chesspoint:hover .chesshover:not(.hover) {  
background-color: rgba(0,0,0,1) !important;  
-moz-transform: translateY(100%);  
-o-transform: translateY(100%);  
-webkit-transform: translateY(100%);  
opacity: 1;  
transform: translateY(100%);  
}  
.chesspoint:not(.ccc):hover img {  
-moz-transform: translateY(100%);  
-o-transform: translateY(100%);  
-webkit-transform: translateY(100%);  
transform: translateY(100%);  
}

.hover { 
bottom:0;
 }
 .ccc img{ 
bottom:-195px;
 }