div.fixedloading{position:fixed; top:50%; left:50%; margin:-30px 0 0 -30px; z-index:9999; display:none;}
.fixedloadingbg{background:#000; position:fixed; top:0px; left:0; width:100%; height:100%; opacity:0.5; z-index:9998;  display:none;}

/*css3 loading*/
.loadingcss3{
	-webkit-animation: ticktock 1s linear infinite;
	-webkit-transform-origin: 30px 30px;
	-moz-animation: ticktock 1s linear infinite;
	-moz-transform-origin: 30px 30px;
	-o-animation: ticktock 1s linear infinite;
	-o-transform-origin: 30px 30px;
	-ms-animation: ticktock 1s linear infinite;
	-ms-transform-origin: 30px 30px;
	animation: ticktock 1s linear infinite;
	transform-origin: 30px 30px;
}
#loadingcss3{width:60px; height:60px;}

@-webkit-keyframes ticktock { 0% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); } }
@-moz-keyframes ticktock { 0% { -moz-transform: rotate(0); } 100% { -moz-transform: rotate(360deg); } }
@-o-keyframes ticktock { 0% { -o-transform: rotate(0); } 100% { -o-transform: rotate(360deg); } }
@-ms-keyframes ticktock { 0% { -ms-transform: rotate(0); } 100% { -ms-transform: rotate(360deg); } }
@keyframes ticktock { 0% {transform: rotate(0); } 100% { transform: rotate(360deg); } }

#loadingcss3 i{position:absolute; top:50%; left:50%; margin:-5px 0 0 -5px; background:#000; width:10px; height:10px; display:block; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#loadingcss3 i:nth-child(1){
-moz-transform: translate(0, -25px);
-webkit-transform: translate(0, -25px);
-o-transform: translate(0, -25px);
-ms-transform: translate(0, -25px);
transform: translate(0, -25px);
}
#loadingcss3 i:nth-child(2){
-webkit-transform: translate(18px, -18px);
-moz-transform: translate(18px, -18px);
-webkit-transform: translate(18px, -18px);
-o-transform: translate(18px, -18px);
-ms-transform: translate(18px, -18px);
transform: translate(18px, -18px);
opacity:0.9;
}
#loadingcss3 i:nth-child(3){
-webkit-transform: translate(25px, 0);
-moz-transform: translate(25px, 0);
-webkit-transform: translate(25px, 0);
-o-transform: translate(25px, 0);
-ms-transform: translate(25px, 0);
transform: translate(25px, 0);
opacity:0.8;
}
#loadingcss3 i:nth-child(4){
-webkit-transform: translate(18px, 18px);
-moz-transform: translate(18px, 18px);
-webkit-transform: translate(18px, 18px);
-o-transform: translate(18px, 18px);
-ms-transform: translate(18px, 18px);
transform: translate(18px, 18px);
opacity:0.7;
}
#loadingcss3 i:nth-child(5){
-webkit-transform: translate(0, 25px);
-moz-transform: translate(0, 25px);
-webkit-transform: translate(0, 25px);
-o-transform: translate(0, 25px);
-ms-transform: translate(0, 25px);
transform: translate(0, 25px);
opacity:0.6;
}
#loadingcss3 i:nth-child(6){
-webkit-transform: translate(-18px, 18px);
-moz-transform: translate(-18px, 18px);
-webkit-transform: translate(-18px, 18px);
-o-transform: translate(-18px, 18px);
-ms-transform: translate(-18px, 18px);
transform: translate(-18px, 18px);
opacity:0.5;
}
#loadingcss3 i:nth-child(7){
-webkit-transform: translate(-25px, 0);
-moz-transform: translate(-25px, 0);
-webkit-transform: translate(-25px, 0);
-o-transform: translate(-25px, 0);
-ms-transform: translate(-25px, 0);
transform: translate(-25px, 0);
opacity:0.4;
}
#loadingcss3 i:nth-child(8){
-webkit-transform: translate(-18px, -18px);
-moz-transform: translate(-18px, -18px);
-webkit-transform: translate(-18px, -18px);
-o-transform: translate(-18px, -18px);
-ms-transform: translate(-18px, -18px);
transform: translate(-18px, -18px);
opacity:0.3;
}