﻿.bubble{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background-color .15s ease-in-out;-moz-transition:background-color .15s ease-in-out;-o-transition:background-color .15s ease-in-out;transition:background-color .15s ease-in-out;cursor:pointer}.bubble p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.bubble-1{background-color:#39ac6a;background-color:rgba(57,172,106,0.9);box-shadow:0 2px 2px rgba(0,0,0,0.2);border-radius:50%;overflow:hidden;width:92px;height:92px;line-height:1.6}.bubble-1 .name{font-size:14px;font-weight:800;margin-top:24px}.bubble-1:hover{background-color:#e4393c;background-color:rgba(228,57,60,0.9)}.bubble-2{color:#333}.bubble-2:hover .bubble-wrap{display:block}.bubble-2.clicked .bubble-wrap{display:block}.bubble-2 .bubble-wrap{position:absolute;bottom:12px;display:none;left:50%;margin-left:-60px;text-align:left}.bubble-2 p{text-indent:10px}.bubble-2 .bubble-inner{border:1px solid rgba(0,138,255,.9);background-color:#f5f5f5;border-radius:5px;box-shadow:0 10px 8px 0 rgba(0,0,0,0.1);padding:0 5px;box-sizing:border-box;width:120px}.bubble-2 .bubble-inner .num{height:36px;line-height:36px;padding-right:12px;position:relative}.bubble-2 .bubble-inner .gt{color:#999;position:absolute;right:5px;font-size:14px;-webkit-transform:scale(1,1.2);-moz-transform:scale(1,1.2);-ms-transform:scale(1,1.2);transform:scale(1,1.2)}.bubble-2 .bubble-inner .line{border-top:1px solid #eee}.bubble-2 .bubble-inner .house-type{font-weight:800;margin-right:6px}.bubble-2 .bubble-inner .name{height:30px;line-height:30px;color:#000;text-align:center}.bubble-2 .bubble-inner .name a{color:#000;text-decoration:none}.bubble-2 .bubble-inner:hover{background: rgba(0,138,255,.9);z-index:9999;}.bubble-2 .bubble-inner:hover .name a{color:#fff}.bubble-2 .bubble-inner .price{font-family:Tahoma;color:#f15044;margin-left:2px;margin-right:2px;font-weight:800}.bubble-2 .arrow{display:block;border:6px solid transparent;border-top-color:rgba(0,138,255,.9);width:0;height:0;margin:0 auto;position:relative;z-index:1}.bubble-2 .arrow .arrow-i{display:inline-block;border:6px solid transparent;border-top-color:#fff;width:0;height:0;position:absolute;top:-7px;left:-6px}.bubble-2:hover .arrow .arrow-i{border-top-color:rgba(0,138,255,.9);}.bubble-2 .cycle{background-color:rgba(0,138,255,.9);border-radius:50%;width:16px;height:16px;border:1px solid #1688be;position:absolute;left:50%;margin-left:-8px;bottom:3px}.bubble-3 .bubble-wrap{display:block}.bubble-3 .bubble-wrap .num{display:none}.bubble-3 .bubble-wrap .name{font-size:12px;font-weight:400;text-align:center;background-color:#fff;text-indent:0}.bubble-3 .bubble-wrap .arrow{top:-1px}.bubble-3:hover .num,.bubble-3.clicked .num{display:block}.bubble-3:hover .name,.bubble-3.clicked .name{text-align:left;background-color:#f5f5f5;text-indent:10px}
.bg {
    background: url(/Content/images/house-bg.png) repeat-x;
    width: 342px;
    height: 400px;
    position: absolute;
    left: 0;
    top: 0;
}