.metro-map {
    display: none;
}

.metro-map .map {
    background: url('../images/moscow.gif') 100% 100% no-repeat;
    width: 610px;
    height: 840px;
    display: block;
}

.metro-map-dialog .metro-map {
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
}

.metro-map-dialog   .metro-map .station {
    position: absolute;
    width: 10px;
    height: 10px;
    border: 2px solid orange;
    overflow: hidden;
    font-size: 10px;
    line-height: 10px;
    cursor: pointer;
    opacity:0;
    border-radius:25px;
    background:red;
}

.metro-map-dialog  .metro-map .station.selected {
    -webkit-animation:metro-select 1 0.7s;
    -moz-animation:metro-select 1 0.7s;
    -o-animation:metro-select 1 0.7s;
    -ms-animation:metro-select 1 0.7s;
    animation:metro-select 1 0.7s;
    width: 10px;
    height: 10px;
    opacity:0.7;
    margin-top:-1px;
    margin-left:-1px;

}

@-webkit-keyframes metro-select {
0% {width:50px;height:50px;margin-left:-25px;margin-top:-25px;opacity:0;}
100% {width:10px;height:10px;margin-left:-1px;margin-top:-1px;opacity:0.7;}}
@-moz-keyframes metro-select {
0% {width:50px;height:50px;margin-left:-25px;margin-top:-25px;opacity:0;}
100% {width:10px;height:10px;margin-left:-1px;margin-top:-1px;opacity:0.7;}}
@-o-keyframes metro-select {
0% {width:50px;height:50px;margin-left:-25px;margin-top:-25px;opacity:0;}
100% {width:10px;height:10px;margin-left:-1px;margin-top:-1px;opacity:0.7;}}
@-ms-keyframes metro-select {
0% {width:50px;height:50px;margin-left:-25px;margin-top:-25px;opacity:0;}
100% {width:10px;height:10px;margin-left:-1px;margin-top:-1px;opacity:0.7;}}
@keyframes metro-select {
0% {width:50px;height:50px;margin-left:-25px;margin-top:-25px;opacity:0;}
100% {width:10px;height:10px;margin-left:-1px;margin-top:-1px;opacity:0.7;}}