.learning-comment-btn-cnr
{
	bottom: 50px;
	height: auto;
	position: fixed;
	right: 50px;
	width: auto;
	z-index: 100;
	display: none;
}

.learning-comment-btn-cnr.learning-comment-btn-cnr-show
{
	display: block;
}

.learning-comment-btn
{
	position: relative;
	z-index: 101;
	background: rgba(0, 0, 0, 0) url("img/learning_comment_btn_sprite.png") no-repeat scroll 0 -216px;
	width: 39px;
	height: 39px;
	cursor: pointer;
	border-radius: 50px;
}

.learning-comment-btn.light-btn
{
	background: rgba(0, 0, 0, 0) url("img/learning_comment_btn_sprite.png") no-repeat scroll 0 -54px;
}

.learning-comment-btn.dark-btn
{
	background: rgba(0, 0, 0, 0) url("img/learning_comment_btn_sprite.png") no-repeat scroll 0 -108px;
}

.learning-comment-btn:hover .learning-comment-btn-popup
{
	right: -40px;
}

.learning-comment-btn-popup
{
	position: absolute;
	top: -67px;
	right: -300px;
	width: 180px;
	transition: 160ms linear all;
}