.doors1 {
  border: 0; 
  display: inline-block;
  overflow: hidden;
  z-index: 1;
  background-size: 100%;
}

.doors2 {
  border: 0;  
  display: inline-block;
  overflow: hidden;
  z-index: 1;
  background-size: 100%;
}

.raildiv {
	border: 0;
	width: 100%;
	margin: 0px;
	display: inline-block;
	overflow: hidden;
	background: url('../img/rail.png') no-repeat top;
	z-index: 0;
	background-size: 100% 7%;
}

.raildiv img { max-width: 70%; }

.doorscontainer {
	border: 0;
	height: 100%;
	display: inline-block;
	//overflow: hidden;
	background: url('../img/words3.png') no-repeat center;
	z-index: 2;
	background-size: 70%;
}

.doorscontainer:hover > .doors1 {
	transition: all 3s ease-in-out;	
    transform: translate(-225px, 0);
    -webkit-transform: translate(-225px, 0);	/** Chrome & Safari **/
    -o-transform: translate(-225px, 0); 		/** Opera **/
    -moz-transform: translate(-225px, 0); 		/** Firefox **/	
}

.doorscontainer:hover > .doors2 {
	transition: all 3s ease-in-out;	
    transform: translate(225px, 0);
    -webkit-transform: translate(225px, 0); 	/** Chrome & Safari **/
    -o-transform: translate(225px, 0); 			/** Opera **/
    -moz-transform: translate(225px, 0); 		/** Firefox **/	
}

.doorscontainer:not(hover) > .doors1 {
	transition: all 3s ease-in-out;		
	transform: translate(62px, 0);
}

.doorscontainer:not(hover) > .doors2 {
	transition: all 3s ease-in-out;
	transform: translate(-62px, 0);	  
}