.view {
   width: 210px;
   height: 210px;
   margin: 10px;
   float: left;
   border: 10px solid #fff;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
   border-radius: 150px;
}
.view .mask,.view .content {
   width: 190px;
   height: 190px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   border-radius: 150px;
}
.view img {
   display: block;
   position: relative;
   border-radius: 150px;
}
#jilin{
width: 200px;
height: 200px;
    position: absolute;
	left:73%;top:23%;margin-left:-95px;margin-top:-95px;
}

#jilin img {
width: 180px;
height: 180px;
border-radius: 150px;
}
#jlarr{
	width: 42px;
	height: 19px;
	position: relative;
	left: 149px;
	top: -24px;
	background: url('../img/jlarr.png') no-repeat left top;
}
.liaoning{
width: 171px;
height: 171px;
    position: absolute;
	left:81%;top:57%;margin-left:-76px;margin-top:-76px;
}

.liaoning img {
width: 151px;
height: 151px;
border-radius: 150px;
}
#lnarr{
	width: 40px;
	height: 19px;
	position: relative;
	left: 12px;
	top: -159px;
	background: url('../img/lnarr.png') no-repeat left top;
}
.liaoning .mask{
	   width: 151px;
	   height: 151px;

}


.nmg{
width: 166px;
height: 166px;
    position: absolute;
	left:55%;top:33%;margin-left:-80px;margin-top:-80px;
}
.nmg img {
width: 146px;
height: 146px;
border-radius: 150px;
}
#nmgarr{
	width: 27px;
	height: 19px;
	position: relative;
	left: 130px;
	top: -32px;
	background: url('../img/nmgarr.png') no-repeat left top;
}
.nmg .mask{
	   width: 146px;
	   height: 146px;
}

.sx{
width: 193px;
height: 193px;
    position: absolute;
	left:52%;top:65%;margin-left:-97px;margin-top:-97px;
}
.sx img {
width: 173px;
height: 173px;
border-radius: 150px;
}
#sxarr{
	width: 22px;
	height: 32px;
	position: relative;
	left: 175px;
	top: -128px;
	background: url('../img/sxarr.png') no-repeat left top;
}
.sx .mask{
	   width: 173px;
	   height: 173px;
}

.jx{
width: 168px;
height: 168px;
    position: absolute;
	left:70%;top:75%;margin-left:-84px;margin-top:-84px;
}
.jx img {
width: 148px;
height: 148px;
border-radius: 150px;
}
#jxarr{
	width: 37px;
	height: 20px;
	position: relative;
	left: 31px;
	top: 4px;
	background: url('../img/jxarr.png') no-repeat left top;
}
.jx .mask{
	   width: 148px;
	   height: 148px;
}
#elseimg {
width: 122px;
height: 122px;
border-radius: 150px;
position: absolute;
left:58%;top:86%;margin-left:-61px;margin-top:-61px;
cursor: pointer;
}

.view h2 {
   text-transform: uppercase;
   color: #0d88de;
   text-align: center;
   position: relative;
   font-size: 32px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
.view-sixth img {
   -webkit-transition: all 0.4s ease-in-out 0.5s;
   -moz-transition: all 0.4s ease-in-out 0.5s;
   -o-transition: all 0.4s ease-in-out 0.5s;
   -ms-transition: all 0.4s ease-in-out 0.5s;
   transition: all 0.4s ease-in-out 0.5s;
}
.view-sixth .mask {
   background-color: rgba(255, 255, 255, 0.8);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-in 0.4s;
   -moz-transition: all 0.3s ease-in 0.4s;
   -o-transition: all 0.3s ease-in 0.4s;
   -ms-transition: all 0.3s ease-in 0.4s;
   transition: all 0.3s ease-in 0.4s;
}
.view-sixth h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;

   background: transparent;
   margin-top: 30px;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.view-sixth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.2s;
   -moz-transition: all 0.3s ease-in-out 0.2s;
   -o-transition: all 0.3s ease-in-out 0.2s;
   -ms-transition: all 0.3s ease-in-out 0.2s;
   transition: all 0.3s ease-in-out 0.2s;
}
.view-sixth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.view-sixth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-sixth:hover img {
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-sixth:hover h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-sixth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-sixth:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}