<style>
#top{bottom:300px;cursor:pointer;display:none;font-size:150%;position:fixed;right:20px;opacity:0.7;}
#top:hover{opacity:1;}
</style>
<div id="top"><img id="top_img" src="http://zornet.ru/Aben/ABGEA/FT/rynud/top.png" width="64" height="64" alt="top" /></div>
<script type="text/javascript">
var top_show = 250;
var delay = 300;
var slow_delay = 6000;
$(window).scroll(function () {
if ($(this).scrollTop() > top_show) $('#top').fadeIn();
else $('#top').fadeOut();
});
$('#top').mouseover(function () {
$('body, html').animate({
scrollTop: 0
}, slow_delay);
});
$('#top').mouseout(function () {
$('body, html').animate().stop();
});
$('#top_img').click(function () {
$('body, html').animate().stop();
$('body, html').animate({
scrollTop: 0
}, delay);
});
$('.single-content img').parent('a').colorbox({transition:"none", width:"auto", height:"85%"});
</script>
