@charset "utf-8";
/* CSS Document */
*{margin:0px;
  padding:0px;
  background:#CCC;
}
.xiongmao{
	margin-left:500px;
	margin-top:100px;}
.head{
	width:300px;
	height:200px;
	border:2px solid #000;
	border-radius:90% 90% 70% 70%;
	transform:rotate(8deg);
	position:relative;
	overflow:hidden;
	z-index:10;
	background:#FFF;
}
.ear1,.ear2{
	width:100px;
	height:100px;
	background:#000;
	border-radius:80% 60% 80% 70%;
	top:70px;
	left:500px;
	transform:rotate(8deg);
	position:absolute;
	transition:all 1s;
}
.ear2{   
    /*使其旋转对称*/       
    transform: rotate(-90deg);   
    left: 740px;  top:100px;   
} 
.xiongmao:hover .ear1{
	left:490px;
	transition:all 1s;
}
.xiongmao:hover .ear2
{
	left:750px;
	transition:all 1s;
}
.eye1,.eye2{
	width:80px ;
	height:80px;
	border-radius:70% 30%;
	background-color:#000;
	position:absolute;
	overflow:hidden;
	margin-top:-150px;
	margin-left:60px;
	z-index:20;
}
.eye2{
	transform:rotate(-60deg);
	position:absolute;
	margin-top:-130px;
	margin-left:200px;
}
.yanjian1,.yanjian2,.yanjian3,.yanjian4{
	border-top:3px solid #FFF;
	width:50px;
	background: #F63;
	position: absolute;
	z-index: 20;
	margin-top: -120px;
	margin-left: 80px;
	overflow: hidden;
	transform:rotate(20deg);
	opacity:1;
	transition:all 1s;
}
.yanjian2{
	transform:rotate(-20deg);
	margin-top:-103px;
	opacity:1;
	transition:all 1s;
}
.yanjian3{
	margin-top:-80px;
	margin-left:213px;
	opacity:1;
	transition:all 1s;
}
.yanjian4{
margin-top:-98px;
transform:rotate(-20deg);
margin-left:213px;
opacity:1;
transition:all 1s;
}
.xiongmao:hover .yanjian1{
	opacity:0.0;
	transition:all 1s;
}
.xiongmao:hover .yanjian2{
	opacity:0.0;
	transition:all 1s;
}
.xiongmao:hover .yanjian3{
	opacity:0.0;
	transition:all 1s;
}
.xiongmao:hover .yanjian4{
	opacity:0.0;
	transition:all 1s;
}
 .hong > div:nth-child(1)
{
	width:20px;
	height:10px;
	border-radius:50%;
	background:red;
	background-image: -moz-radial-gradient( 50% 50%, rgba(253,214,240,0.8) 0%, rgba(253,224,244,0.8) 66%, rgba(253,234,247,0.8) 100%);/*颜色渐变*/
	background-image: -webkit-radial-gradient( 50% 50%, rgba(253,214,240,0.8) 0%, rgba(253,224,244,0.8) 66%, rgba(253,234,247,0.8) 100%);
    background-image: -ms-radial-gradient( 50% 50%, rgba(253,214,240,0.8) 0%, rgba(253,224,244,0.8) 66%, rgba(253,234,247,0.8) 100%);
   position:absolute;
   top:250px;
   margin-left:80px;
   z-index:20;
   opacity:0.0;
   transition:all 1s;
}
.xiongmao:hover .hong > div:nth-child(1)
{
	opacity:0.8;
	transition:all 1s;
}
.hong > div:nth-child(2)
{
	width:20px;
	height:10px;
	border-radius:50%;
	background:red;
	background-image: -moz-radial-gradient( 50% 50%, rgba(253,214,240,0.8) 0%, rgba(253,224,244,0.8) 66%, rgba(253,234,247,0.8) 100%);/*颜色渐变*/
	background-image: -webkit-radial-gradient( 50% 50%, rgba(253,214,240,0.8) 0%, rgba(253,224,244,0.8) 66%, rgba(253,234,247,0.8) 100%);
    background-image: -ms-radial-gradient( 50% 50%, rgba(253,214,240,0.8) 0%, rgba(253,224,244,0.8) 66%, rgba(253,234,247,0.8) 100%);
   position:absolute;
   top:270px;
   margin-left:200px;
   z-index:20;
   opacity:0;
   transition:all 1s;
}
.xiongmao:hover .hong > div:nth-child(2)
{
	opacity:0.8;
	transition:all 1s;
}
.mouth > div:nth-child(1){
	width:20px;
	height:20px;
	background:#FFF;
	border-bottom:3px solid #000;
	border-radius:0 0 100% 100%;
	margin-top:-60px;
	margin-left:140px;
	position:absolute;
	z-index:22;
	}
	.mouth > div:nth-child(2){
	width:20px;
	height:20px;
	background:#FFF;
	border-bottom:3px solid #000;
	border-radius:0 0 100% 100%;
	margin-top:-60px;
	margin-left:160px;
	position:absolute;
	z-index:22;
	}
	.mouth > div:nth-child(3){
	width:20px;
	height:50px;
	background:#FFF;
	border-bottom:3px solid #000;
	border-radius:0 0 100% 100%;
	margin-top:-70px;
	margin-left:150px;
	position:absolute;
	z-index:21;
	}
.hand > div:nth-child(1)
{
	width:50px;
	height:50px;
	border-radius:50%;
	background:#000;
	position:absolute;
	margin-top:-40px;
	margin-left:50px;
	z-index:22;
}
.hand > div:nth-child(2)
{
	width:50px;
	height:50px;
	border-radius:50%;
	background:#000;
	position:absolute;
	margin-top:-20px;
	margin-left:180px;
	z-index:22;
}
.body{
    width:120px;
	height:100px;
	background:#FFF;
	border-radius:120px 180px 100px 180px;
	position:absolute;
	margin-top:-70px;
	margin-left:80px;
	z-index:9;
 }
 .foot > div:nth-child(1)
 {   
     width:30px;
	 height:30px;
	 background:#FFF;
	 border-radius:50%;
	 position:absolute;
	 z-index:9;
	 margin-top:0px;
	 margin-left:80px;
 }
 .foot > div:nth-child(2)
 {   
     width:30px;
	 height:30px;
	 background:#FFF;
	 border-radius:50%;
	 position:absolute;
	 z-index:9;
	 margin-top:10px;
	 margin-left:160px;
 }