.t-container, .b-container{
position:fixed;
display:block;
width:50px;
height:50px;
right:5%;
bottom:10%;
cursor:pointer;
border-radius:100%;
color:#FFFFFF;
animation:fadein 0.5s;
-moz-animation:fadein 0.5s;
-webkit-animation:fadein 0.5s;
-o-animation:fadein 0.5s;
animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
}
.t-container-hide, .b-container-hide{
position:fixed;
display:block;
width:50px;
height:50px;
right:5%;
bottom:10%;
border-radius:100%;
animation:fadeout 0.5s;
-moz-animation:fadeout 0.5s;
-webkit-animation:fadeout 0.5s;
-o-animation:fadeout 0.5s;
animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
}
.t-container, .t-container-hide{
background:#999 url(https://webgoo.ir/image/tb-arrow.png) top no-repeat;
}
.b-container, .b-container-hide{
background:#999 url(https://webgoo.ir/image/tb-arrow.png) bottom no-repeat;
}
.b-container-none{
display: none;
}