.lightbox-bg
{
    z-index: 10000;
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    vertical-align: middle;
    display: none;
}
.lightbox
{
    position: relative;
    top: -999px;
    transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transition: all 3s cubic-bezier(0.000, 1.150, 0.755, 1.1080);
    -webkit-transition: all 5s cubic-bezier(0.000, 1.150, 0.755, 1.1080);
    -moz-transition: all 3s cubic-bezier(0.000, 1.150, 0.755, 1.1080);
    -o-transition: all 3s cubic-bezier(0.000, 1.150, 0.755, 1.1080);
}

.entry
{
    top: -200px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}



.rope
{
    /*height: 500px; 			 */
    height: 302px;
    background: url("../images/clip.png") no-repeat scroll center bottom transparent;
    position: relative;
    top: 8px;
    margin: -169 auto 0;
    display: block;
    z-index: 1;
    background-image: url('../images/clip.png');
    background-size: auto 100%;
}
.clipboard
{
    width: 850px;
    height: 636px;
    margin: 0 auto;
    border: 30px solid #60554e;
    border-radius: 30px;
    margin-top: -42px;
    position: relative;
    background-color: white;
}
/*.clipboard:after{
			content: "";
			width: 180px;
			height: 120px;
			background: red;
			position: relative;
			top: -100px;
			margin: 0 auto;
			display: block;
		}*/


.content
{
    height: 591px;
    width: 100%;
    overflow: hidden;
    float: left;
    text-align: center;
}

.content img
{
    max-width: 100%;
    max-height: 100%;
    padding-top: 25px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}
.caption
{
    background-color: white;
    height: 45px;
    width: 100%;
    float: left;
    color: #4a5065;
}
.caption h2
{
    /*margin: 8px;*/
    bottom: 8px;
    position: absolute;
    left: 25px;
}
#clipboard-wrapper
{
    margin: 0px auto;
    position: relative; /*top: 200px; 			*/
}
.showclipboard
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 6px solid;
    border-radius: 4px 4px 4px 4px;
    display: block;
    padding: 0px;
    position: relative;
    width:200px;   
    height:100%;
    text-align:right;               
    float:right; 
    margin:3px;    
    margin-left:14px;
}

.showclipboard img
{
    width:100%;
    float:right;
}
.showclipboard .plus
{
    bottom: 0;
    position: absolute;
    right: 0;
    width: 34px;
}
.caption > img.minus
{
    bottom: 15px;
    position: absolute;
    right: 15px;
}