@CHARSET "UTF-8";

.fbphotobox-overlay {

	width: 100%;

	height: 100%;

	position: fixed;

	z-index: 99999990;

	left: 0px;

	top: 0px;

	right: 0px;

	bottom: 0px;

}



.fbphotobox-fc-main-container {

	margin: auto;

	position: fixed;

	z-index: 99999991;

	left: 0px;

	top: 0px;

	right: 0px;

	bottom: 0px;



    margin-left: auto;

    margin-right: auto;	

	background-color: black;

	display: none;

}



.fbphotobox-fc-main-container:hover {

	cursor: pointer;

}



.fbphotobox-main-container {

	margin:auto;

	display:none;

	position:fixed;

    z-index: 99999991;

	top:0px;

	right:0px;

	left:0px;

	bottom:0px;

	border:1px solid #000;

	border-radius:2px;

	height:100%;

	width:100%;

    background: #fff;

}



.fbphotobox-container-left {



	float: left;

	position: relative;  

}



.fbphotobox-container-left:hover {

	cursor: pointer;

}



.fbphotobox-container-left table td {

	text-align: center;

	vertical-align: middle;

	height: 100%

}



.fbphotobox-container-right {

	position:absolute;

    top: 0;

	right:0;

    width: 100%;

	background-color: #fff;

    opacity: 1;

}



.fbphotobox-container-right .close {

	position:absolute;

    right: 5px;

    top: 3px;

}



.fbphotobox-container-right .user-details{

	position:relative;

	left:0;

    top: 0;

    width: 100%;

    height: 100%;

	background-color: #fff;

    overflow: hidden;

}



.fbphotobox-container-right .user-details .like{

	position:absolute;

	right:15px;

    top: 16px;

    color: #fff;

}



.fbphotobox-container-right .user-details  .likes{

	position:relative;

    top: -20px;

    left: 0px;

    width: 100%;

    height: 48px;

    background: #5177a4;

    color: #3567a2;

}



.fbphotobox-container-right .user-details .likes i{

    position: absolute;

    left: 20px;

    top: 7px;

    font-size: 24px;

    color: #fff;

}



.fbphotobox-container-right .user-details .likes span{ 

    position: absolute;

    left: 55px;

    top: 12px;

    width: 85%;

    font-size: 14px;

    font-weight: 300;

    line-height: 18px;

    color: #fff;    

}



.fbphotobox-container-right .user-details .likes span b{ 

    color: #fff;    

}





.fbphotobox-container-right .user-details .likes span b{ 

    color: #fff;    

}





.fbphotobox-container-right .user-details .profile-photo{

    position: relative;

    margin: 20px;

    width: 50px;

    height: 50px;

    background-size:   cover;

    background-repeat: no-repeat;

    background-position: top center;    

}



.fbphotobox-container-right .user-details h1{ 

    position: absolute;

    top: -35px;

    padding: 0;

    left: 75px;

    width: 100%;

    font-size: 16px;

    font-weight: 600;

    color: #3f729b;

}

.fbphotobox-container-right .user-details h1 i{ 

    font-size: 8px;

    color:#17d425;

}

.fbphotobox-container-right .user-details span{ 

    position: absolute;

    top: 40px;

    font-size: 12px;

    left: 75px;   

    font-weight: 600;

    color: #888;

}



.fbphotobox-container-right .user-details p{ 

    position: relative;

    top: -5px;

    left: 20px; 

    width: 94%;

    max-height: 60px;

    overflow-x: hidden;

    font-size: 13px;   

    font-weight: 300;

    color: #111;

    line-height: 22px;

    padding-bottom: 10px;

}





.fbphotobox-container-right .user-details .comments{ 

	position:relative;

    top: -20px;

    left: 0px;

    padding-top:1px;

    width:100%;

    height: 100%;

    background: #f8f8f8;

    color: #3567a2;

    overflow-x: hidden;    

    overflow-y: auto;

}



.fbphotobox-container-right .user-details .comments ul li{

    position: relative;

    width: 100%;

}



.fbphotobox-container-right .user-details .comments ul li .profile-photo{ 

    position: relative;

    top: 10px;

    margin: 10px;

    margin-bottom: 20px;

    margin-left: 20px;

    width: 40px;

    height: 40px;

    background-size:   cover;

    background-repeat: no-repeat;

    background-position: top center;  

    border-radius: 10px;

}



.fbphotobox-container-right .user-details .comments ul li h3{ 

    position: absolute;

    top: 10px;    

    padding: 0;

    margin: 0;

    left: 69px;

    width: 100%;

    line-height: 100%;

    font-size: 14px;

    font-weight: 600;

    color: #3f729b;

}



.fbphotobox-container-right .user-details .comments ul li h3 a{ 

    color: #3f729b;

}



.fbphotobox-container-right .user-details .comments ul li h3 i{ 

    font-size: 8px;

    color:#17d425;

}



.fbphotobox-container-right .user-details .comments .comment{

    position: relative;

    margin-top: -35px;

    left: 69px;

    width: 80%;

    font-size: 13px;

    font-weight: 400;

    color: #666;

}



.fbphotobox-container-right .user-details .new-comment{ 

	position:absolute;

    bottom: 0px;

    left: 0px;

    padding-top:1px;

    width:100%;

    height: 60px;

    border-top: 1px solid #ccc;

    background: #e7e7e7;

    color: #3567a2;

    overflow-x: hidden;    

    overflow-y: hidden;

}



.fbphotobox-container-right .user-details .new-comment .profile-photo{ 

    position: relative;

    top: 4px;

    margin: 2px;

    margin-bottom: 20px;

    margin-left: 20px;

    width: 40px;

    height: 40px;

    background-size:   cover;

    background-repeat: no-repeat;

    background-position: top center;  

    border-radius: 10px;

}



.fbphotobox-container-right .user-details .new-comment input{ 

    position: absolute;

    top: 6px;

    left: 70px;

    width: 75%;

    height: 40px; 

    padding-left: 5px;

    border-radius: 10px;

    color: #666;

    background: #fff;

    border: none;

}



.fbphotobox-container-right .user-details .new-comment input:focus{ 

    outline: none;

}





.fbphotobox-container-footer {

	position:absolute;

	bottom:0;

	right:0;

	float: right;

	background-color: white;

}



.fbphotobox-container-left-footer, .fbphotobox-container-left-footer-bg {

	position: absolute;

	color: white;

	left: 0px;

	bottom: 0px;

	width: 100%;

}



.fbphotobox-container-left-footer {

	z-index: 300;

	height: 56px;

	overflow: hidden;

}



.fbphotobox-container-left-footer-bg {

	background-color: black;

	opacity: 0.75;

	height: 56px;

}



.fbphotobox-container-left-header {

	top: 0px;

	right: 0px;

	margin: 15px;

	position: absolute;

	color: white;

	z-index:500;

}



.left-arrow {

	position: absolute;

	height: 100%;

	left: 10px;

	top: 0px;

}



.right-arrow {

	position: absolute;

	height: 100%;

	right: 10px;

	top: 0px;

}



.fbphotobox-a {

	opacity: 0.5;

}



.fbphotobox-image-stage-overlay {

	display: none;

}



.fbphotobox-tag {

	height:100px;

	width:100px;

	border-radius:3px;

	opacity: 1;

	background-image: url(../images/transparent.png);

}



.fbphotobox-tag div {

	width:100%;

	border-radius:none;

	display: none;

}



.fbphotobox-tag:hover {

	border:3px solid white;

	box-shadow: 0px 0px 5px #333;

}



.fbphotobox-tag:hover div {

	display: inline-block;

	opacity: 1;

}



table, tr, td {

	border:none;

	padding:0px;

	border-collapse: collapse;

}



.fbphotobox-fc-close-btn:hover {

	background-color: #fff;

}



.fbphotobox-main-image-table {

	height:100%;

	width:100%;

	text-align:center;

	table-layout:fixed;

}



.fbphotobox-fc-btn {

	background-image: url(../images/fullscreen.png);

	background-repeat: no-repeat;background-size:auto;

	background-position: 0 0;

	display: block;

	width:18px;

	height:18px;

}



.fbphotobox-image-content {

	color:black;overflow:hidden;

}



.fbphotobox-fc-header {

	position:fixed;left:0px;right:0px;top:0px;color:white;

}



.fbphotobox-fc-close-btn {

	color: #FFFFFF;float: right;text-decoration: none;

}



.fbphotobox-fc-footer {

	position:fixed;left:0px;right:0px;bottom:0px;color:white;

}



.fbphotobox-overlay {

	display:none;

}



.fbphotobox-main-image-table .tag-container {

	position:relative;

	display:inline-block;

	*display:inline;

}



.left-arrow .fbphotobox-a {

	background-image: url(../images/Arrows-LWhite-icon.png);

	background-repeat: no-repeat;

	background-size:auto;

	background-position: 0px 0px;

	display: block;

	height: 48px;

	width: 48px;

}



.right-arrow .fbphotobox-a {

	background-image: url(../images/Arrows-RWhite-icon.png);

	background-repeat: no-repeat;

	background-size:auto;

	background-position: 0px 0px;

	display: block;

	height: 48px;

	width: 48px;

}



.fc-left-arrow a {

	background-image: url(../images/Arrows-LWhite-icon.png);

	float:left;background-repeat: no-repeat;background-size:auto;background-position: 0px 0px;height: 48px;width: 48px;

}



.fc-right-arrow a {

	background-image: url(../images/Arrows-RWhite-icon.png);background-repeat: no-repeat;

	float:right;background-size:auto;background-position: 0px 0px;height: 48px;width: 48px;

}