h2.ss-subtitle{

    padding: 10px 10px 40px;

    font-size: 52px;

    text-transform: uppercase;

    color: rgba(0,0,0,0.8);

	position: relative;

	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);

}

h2.ss-subtitle:before{

	width: 4px;

	height: 40px;

	background: rgba(17,17,22,0.8);

	content: '';

	position: absolute;

	right: 75%;

	margin-right: -4px;

	bottom: -4px;

	-moz-border-radius: 2px 2px 0px 0px;

	-webkit-border-radius: 2px 2px 0px 0px;

	border-radius: 2px 2px 0px 0px;

}

h2.ss-subtitle:after{

	width: 25%;

	height: 0px;

	border-bottom: 4px dotted rgba(17,17,22,0.8);

	content: '';

	position: absolute;

	right: 50%;

	margin-right: -1px;

	bottom: -4px;

}





.ss-links{

	position: fixed;

	left: 10px;

	top: 166px;

	width: 25%;

	z-index: 100;

}

.ss-links a{

	background: rgba(0,0,0,0.2);

	font-size: 16px;

	width: 40px;

	height: 40px;

	line-height: 40px;

	margin: 5px;

	float: left;

	border-radius: 50%;

	display: block;

	text-align: center;

	-webkit-transition: background 0.2s linear;

	-moz-transition: background 0.2s linear;

	-o-transition: background 0.2s linear;

	-ms-transition: background 0.2s linear;

	transition: background 0.2s linear;

}

.ss-links a:hover{

	background: rgba(0,0,0,0.4);

}

.ss-container{

    width: 100%;

    position: relative;

    text-align: left;

    float: left;

	overflow: hidden;

	padding-bottom:40px;

}

.ss-container h2{

    font-size: 40px;

    text-transform: uppercase;

    color: rgba(78,84,123,0.2);

	text-shadow: 0px 1px 1px #fff;

	padding: 20px 0px;

}

.ss-container:before{

    position: absolute;

    width: 2px;

    background:#d8d8d8;

    top: 0px;

    left: 50%;

	margin-left: -2px;

    content: '';

    height: 19%;

}

.ss-row{

    width: 100%;

    clear: both;

    float: left;

    position: relative;

	margin-bottom:12px;

}

.ss-left, .ss-right{

    float: left;

    width: 48%;

    position: relative;

}

.ss-right{

    padding-left: 10px;

	padding-right:70px

}

.ss-left{

    text-align: right;

    float: left;

    padding-right:10px;

	padding-left:70px;

}

.ss-circle{

    overflow: hidden;

    display: block;

    text-indent: -9000px;

    text-align: left;



}

.ss-small .ss-circle{

	width: 60px;

	height: 60px;

}

.ss-medium .ss-circle{

	width: 60px;

	height: 60px;

}

.ss-large .ss-circle{

	width: 60px;

	height: 60px;

}

.ss-circle-deco:before{

	width: 29%;

	height: 0px;

	position: absolute;

	top: 50%;

	content: '';

	margin-top: -3px;

}

.ss-circle-deco:after{

	width: 0px;

	height: 0px;

	border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

	content: '';

	position: absolute;

	top: 50%;

	margin-top: -10px;

}

.ss-left .ss-circle-deco:before{

    right: 2%;   

}

.ss-right .ss-circle-deco:before{

    left: 2%;   

}

.ss-left .ss-circle-deco:after{

}

.ss-right .ss-circle-deco:after{

}

.ss-left .ss-circle{
margin-top: 10px;
    float: right;

    margin-right: -40px;

}

.ss-right .ss-circle{
    	margin-top: 10px;

    float: left;

	margin-left:-40px;

}

.ss-container h3{

	padding-left:30px;

	padding-right:30px;

}

.ss-container .ss-medium h3{

}

.ss-container .ss-large h3{



}

.ss-container .ss-left h3{

}

.ss-container .ss-right h3{

}

.ss-container h3 span{

    font-size: 24px;

    display: block;

	font-family:"微软雅黑";

	color:#282828;

    padding-bottom: 5px;

}

.ss-container h3 span a{

    font-size: 24px;

    display: block;

	font-family:"微软雅黑";

	color:#282828;

}

.ss-container h3 span a:hover{

    font-size: 24px;

    display: block;

	font-family:"微软雅黑";

	color:#009ED6;

}

.ss-container h3 a{
     margin-top: 10px;
    font-size: 18px;

    display: block;

	font-family:"微软雅黑";

	color:#bfbfc0;

}



.ss-circle-1{

    background-image:url(../villa/1.png);

}

.ss-circle-2{

    background-image:url(../villa/2.png);

}

.ss-circle-3{

    background-image:url(../villa/3.png);

}

.ss-circle-4{

    background-image:url(../villa/4.png);

}

.ss-circle-5{

    background-image:url(../villa/5.png);

}

.ss-circle-6{

    background-image: url(../villa/6.png);

}

.ss-circle-7{

    background-image: url(../villa/7.png);

}

.ss-circle-8{

    background-image: url(../villa/8.png);

}

.ss-circle-9{

    background-image: url(../villa/9.png);

}

.ss-circle-10{

    background-image: url(/images/10.jpg);

}

.ss-circle-11{

    background-image: url(/images/11.jpg);

}

.ss-circle-12{

    background-image: url(/images/12.jpg);

}

.ss-circle-13{

    background-image: url(/images/13.jpg);

}

.ss-circle-14{

    background-image: url(/images/14.jpg);

}

.ss-circle-15{

    background-image: url(/images/15.jpg);

}

.ss-circle-16{

    background-image: url(/images/16.jpg);

}

.ss-circle-17{

    background-image: url(/images/17.jpg);

}

.ss-circle-18{

    background-image: url(/images/18.jpg);

}

.ss-circle-19{

    background-image: url(/images/19.jpg);

}

.ss-circle-20{

    background-image: url(/images/20.jpg);

}

.ss-circle-21{

    background-image: url(/images/21.jpg);

}

.ss-circle-22{

    background-image: url(/images/22.jpg);

}

.ss-circle-23{

    background-image: url(/images/23.jpg);

}

.ss-circle-24{

    background-image: url(/images/24.jpg);

}

.ss-circle-25{

    background-image: url(/images/25.jpg);

}

.ss-circle-26{

    background-image: url(/images/26.jpg);

}

.ss-circle-27{

    background-image: url(/images/27.jpg);

}

.ss-circle-28{

    background-image: url(/images/28.jpg);

}

.ss-circle-29{

    background-image: url(/images/29.jpg);

}

.ss-circle-30{

    background-image: url(/images/30.jpg);

}














/* CSS Document */