body
{
	background:black;
}

.main 
{
	display:block;
	background-image: url("GT.png");
	width:1000px;
	height:593px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	z-index:10;
}

.WUS 
{
	position:relative;
	top:412px;
	left:374px;
	background-color: #CC2917;
	width:20px;
	height:20px;
	text-align:center;
	border-radius:100%;
	z-index:8;
}

.WUS:hover 
{
	background-color: white;
}

.WUS:hover ~ .WUS_Def
{
    display: block;
	position:relative;
	top:200px;
	left:950px;
	width:300px;
}

.WUS_Def
{
    display: none;
	border-radius:10px;
	animation-duration: 2s;
	animation-name: slidein;
}

.LID 
{
	position:relative;
	top:430px;
	left:514px;
	background-color: #CC2917;
	width:20px;
	height:20px;
	text-align:center;
	border-radius:100%;
	z-index:8;
}

.LID:hover 
{
	background-color: white;
}

.LID:hover ~ .LID_Def
{
    display: block;
	position:relative;
	top:200px;
	left:950px;
	width:300px;
}

.LID_Def
{
    display: none;
	border-radius:10px;
	animation-duration: 2s;
	animation-name: slidein;
}

.RCU 
{
	position:relative;
	top:220px;
	left:570px;
	background-color: #CC2917;
	width:20px;
	height:20px;
	text-align:center;
	border-radius:100%;
	z-index:8;
}

.RCU:hover 
{
	background-color: white;
}

.RCU:hover ~ .RCU_Def
{
    display: block;
	position:relative;
	top:200px;
	left:950px;
	width:300px;
}

.RCU_Def
{
    display: none;
	border-radius:10px;
	animation-duration: 2s;
	animation-name: slidein;
}

.des_img
{
	width:300px;
}

@keyframes slidein {
  from {
    margin-left: 200px;
    width: 0px;
	opacity: 0;
  }

  to {
    margin-left: 0px;
    width: 200px;
	opacity: 1;
  }
}