.o-comment-ui--overlay-content {
	.o-comment-ui--overlay-explanation {
		display: table;
		position: relative;
		margin: 10px 0;
		max-width: $commentDialogWidth;
		height: 138px;

		.o-comment-ui--overlay-explanation-text-container {
			display: table-cell;
			text-align: center;
			vertical-align: middle;
			width: 100%;
		}

		.o-comment-ui--overlay-explanation-text-bg {
			background: #f8f8f8;
		}

		.o-comment-ui--overlay-explanation-text {
			width: 50%;
			padding: 10px 138px 10px 25px;
		}

		.o-comment-ui--overlay-explanation-image-wrapper {
			display: table-cell;
			vertical-align: middle;
			position: absolute;
			right: 25px;
			top: 0;
			height: 100%;
		}

		.o-comment-ui--overlay-explanation-image-container {
			display: table;
			vertical-align: middle;
			height: 100%;
		}

		.o-comment-ui--overlay-explanation-image-inner-container {
			display: table-cell;
			vertical-align: middle;
		}

		.o-comment-ui--overlay-explanation-image {
			display: inline-block;
			width: 138px;
			height: 138px;
			vertical-align: middle;
		}

		.o-comment-ui--overlay-explanation-follow {
			background: url(oAssetsResolve("src/images/comment_magnifier_follow.png", o-comment-ui)) no-repeat;
		}

		.o-comment-ui--overlay-explanation-settings {
			background: url(oAssetsResolve("src/images/comment_magnifier_settings.png", o-comment-ui)) no-repeat;
		}
	}
}