﻿.sidebar{ position: fixed; right: 0; z-index: 1000;}
.sidebar li{ position: relative; cursor: pointer;}
.sidebar li + li{ margin-top: 8px;}
.sidebar .ico{ position: relative; width: 50px; height: 50px; border-radius: 50%; overflow: hidden;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}
.sidebar .ico img{ display: block; width: 100%;}
.sidebar .p{ position: absolute; top: 0; right: 0; padding: 0 50px 0 25px; border-radius: 25px; white-space: nowrap; color: #fff; line-height: 50px; opacity: 0; visibility: hidden;
	-webkit-transform: translateX(-20px) rotate(0deg);
	-moz-transform: translateX(-20px) rotate(0deg);
	transform: translateX(-20px) rotate(0deg);
	-webkit-transition: opacity 0.2s, transform 0.2s;
	-moz-transition: opacity 0.2s, transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}
.sidebar .l6 .ico, .sidebar .l6 .p{ background-color: #4d4e53;}
.sidebar .l6 .p{font-size: 16px;color: #fff;}
@-webkit-keyframes twinkling{
  0% {
      opacity: 0; 
  }
  100% {
      opacity: 1; 
  }
}
#shan {
    -webkit-animation: twinkling 1.1s infinite ease-in-out; 
}
.sidebar li:hover .p{ opacity: 1; visibility: visible;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}





@media all and (min-width: 1200px;){
	.secu .secu_nav{
		padding-top:10px;
		padding-bottom:10px;
	}
	.secu .secu_nav .tagsa2{
		max-width: 1200px;
		margin-right: auto;
		margin-left: auto;
		clear: both;
		overflow: hidden;
	}
}