#photodiv
{
    position : fixed ;
    left : 0;
    top : 0;
    width : 100% ;
    height : 100% ;
    visibility : hidden ;
    text-align : center ;
    background : rgba(0, 0, 0, 0.4)
}

#helper
{
    display : inline-block ;
    height : 100%;
    width : 0;
    vertical-align : middle ;
}

#photo
{
    display : inline-block ;
    max-height : 180px ;
    max-width : 225px ;
    vertical-align : middle ;
	cursor : pointer ;
	box-shadow : 0px 0px 20px 20px #808080 ;
}

#previous,#next
{
	width : 100px ;
	height : 100px ;
	cursor : pointer ;
}

.thumb
{
	box-shadow : 0px 0px 10px 10px #808080 ;
    margin : 20px;
}

.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}