/* BASIC css start */
/* ftLink */
#ftLink {
	height:44px;
	background:#000;
	border-bottom:1px solid #292929; 
}
#ftLink .link li {
	float:left;
	margin-right:29px;
}
#ftLink .link a {
	line-height:44px;
	color:#979797;
	font-size:14px;
}
#ftLink .link a:hover {
	color:#fff;
}

/* footer */
#ftWrap { position: relative; padding-top:39px; background:#000;}
#footer { 
	min-height: 103px;
	padding-left:165px;
	background: url(/design/tanning/new2016/logo_footer.png) no-repeat}
#footer p {font-size:12px; line-height:1.6; color:#666;}
#footer p a { color: inherit; }

.other-link{
  position:fixed;
  left:15px;
  bottom:15px;
  z-index:900;
}
.other-link button,
.other-link ul li {
  position:absolute;
  height:66px;
  height:45px;
  left:0;
  bottom:0;
}
.other-link button{
  margin:0;
  padding:0;
  width:45px;
  height:45px;
  background-color: rgba(0, 0,0,0.55);
  color: #fff;
  z-index:1;
  transition: transform .5s;
  border:0;
  border-radius: 100%;
  box-shadow: 0 0 2px rgba(255,255,255,0.5);
  outline:0;
}
.other-link button .fa {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height:45px;
    text-align: center;
    font-size: 20px;
    transition: opacity .3s;
}
.other-link button .fa-times{
    opacity:0
}
.other-link ul li{
  text-align:right;
  white-space:nowrap;
  opacity:0;
  -webkit-transition:opacity .1s,bottom .25s cubic-bezier(0,.58,.74,1.14);
  transition:opacity .1s,bottom .25s cubic-bezier(0,.58,.74,1.14);
  
  padding:5px 15px 5px 5px;
  background: rgba(0,0,0,0.8);
  border-radius:27px;
}
.other-link ul li a{
  color:#fff;
  font-size:12px
}
.other-link ul li .fa{
  display:inline-block;
  margin-right:12px;
  width:45px;
  max-width:45px;
  height: 45px;
  line-height: 45px;
  font-size: 20px;
  text-align: center;
  vertical-align:middle;
  color: #000;
  border-radius: 100%;
  background-color: #fff;
}
.other-link.on button {
    /*transform: rotate(180deg);*/
}
.other-link.on button .fa-commenting {
    opacity:0;
}
.other-link.on button .fa-times{
  opacity:1
}
.other-link.on ul li{
  opacity:1
}
.other-link.on ul li a{
  display: block;
}
.other-link.on ul .link1{
  bottom:425px;
}
.other-link.on ul .link2{
  bottom:365px;
  -webkit-transition-delay:.015s;
  transition-delay:.015s
}
.other-link.on ul .link3{
  bottom:305px;
  -webkit-transition-delay:.03s;
  transition-delay:.03s
}
.other-link.on ul .link4{
  bottom:245px;
  -webkit-transition-delay:.045s;
  transition-delay:.045s
}
.other-link.on ul .link5{
  bottom:185px;
  -webkit-transition-delay:.06s;
  transition-delay:.06s
}
.other-link.on ul .link6{
  bottom:125px;
  -webkit-transition-delay:.075s;
  transition-delay:.075s
}
.other-link.on ul .link7{
  bottom:65px;
  -webkit-transition-delay:.09s;
  transition-delay:.09s
}
/* BASIC css end */