b_efimenko

$(function(){
  $(document).click(function(event) {
    if ($(event.target).closest("#message").length) return;
    $("#message").hide("slow");
    event.stopPropagation();
  });
});

Ну как это нету, если есть:
<div class="row portfolio">
						<div class="carousel slide container" id="myCarousel2">
							<ol class="carousel-indicators">
								<li class="active" data-slide-to="0" data-target="#myCarousel2"></li>
								<li data-slide-to="1" data-target="#myCarousel2"></li>
								<li data-slide-to="2" data-target="#myCarousel2"></li>
								<li class="important"><span class="numbernew">1</span> из <span class="all"></span></li>
							</ol>
</div>
</div>

<div class="col-sm-6">
										<div class="portfolio-wrap">
										<img src="img/work1.jpg" alt="work1">
										
											<div class="portfolio-hide-block">
												<div class="hide-block-left">
													<span>EvroMedia TM</span>
													<a href="#">www.grapeshisha.com</a>
												</div>
												<div class="hide-block-right">
													<a href="#" class="blog-post-social fb" data-toggle="tooltip" data-placement="bottom" title="Поделиться в fb.com"></a>
											<a href="#" class="blog-post-social vk" data-toggle="tooltip" data-placement="bottom" title="Поделиться в vk.com"></a>
											<a href="#" class="blog-post-social tw" data-toggle="tooltip" data-placement="bottom" title="Поделиться в twitter.com"></a>
												</div>
											</div>
										</div>
									</div>

.portfolio .col-sm-6 .portfolio-wrap{
	position: relative;
	overflow: hidden;
	max-width: 548px;
	margin: auto;
}
.portfolio .col-sm-6 .portfolio-hide-block{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 73px;
	background-color: #fff;
	overflow: hidden;
	padding-top: 15px;
	font-size: 18px;
	display: none;
}
.hide-block-left{
	float: left;
	padding-left: 15px;
}
.hide-block-left span{
	display: block;
	text-align: left;
}
.hide-block-left a{
	display: inline-block;
	margin-top: 5px;
}
.hide-block-right{
	float: right;
	padding-right: 15px;
}
.hide-block-right a{
	display: inline-block;
	width: 40px;
	height: 40px;
	box-sizing:border-box;
	border:1px solid #dadada;
	border-radius: 50%;
}
.hide-block-right a:hover{
	border-color: #44aff2;
	transition:all 300ms ease-in;
}