#hide{
	position: fixed;
	left:0;
	top:0;
	width:100%;
	
	overflow: auto;
	background: url("../../2012/temp/images/hide/w70.png") repeat scroll center center transparent;
}
#gall{
	text-align: center;
	color: #FFF;
	width: 800px;
	height: 600px;
	/*height: 720px;*/
	border: 4px solid orange;
	/*border-radius: 10px;*/
	margin: 0px auto;
	position: relative;
	background-color: #444444;
	background: url("../../2012/temp/images/hide/b60.png") repeat scroll center center transparent;
	z-index:777;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
#coltright{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 100%;
	cursor: pointer;
	background: url("../../temp/images/right.png") no-repeat scroll center center transparent;
}
#coltleft{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 100%;
	cursor: pointer;
	background: url("../../temp/images/left.png") no-repeat scroll center center transparent;
}
#fotohide{
	position: absolute;
	bottom: 104px;
	left:0;
	height: 18px;
	width: 90px;
	color: #000;
	background-color: orange;
	cursor: pointer;
	z-index: 58;
}
#information{
	text-align: left;
	position: absolute;
	font-size: 14px;
	left: 14px;
	top: 14px;
	max-width: 250px;
	min-height: 20px;
	min-width: 20px;
	border: 1px solid #FFF;
	border-radius: 10px;
	background: url("../../2012/temp/images/hide/b70.png") repeat scroll center center transparent;
}
div#mytb
{
	display: table;
	width: 800px;
	height: 600px;
	/*background-color: green;*/
}
div#mytba
{
	display:table-row;
	width: 800px;
	height: 600px;
}
div#mytbb
{
	display:table-cell;
	width: 800px;
	height: 600px;
	vertical-align:middle;
}
/* список */
#galllist{
	background: url("../../2012/temp/images/hide/b50.png") repeat scroll center center transparent;
    border-radius: 0 0 6px 6px;
    border-top: 4px solid orange;
    bottom: 0;
    height: 100px;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
#galllist span{
	position: absolute;
	min-height: 100px;
	top: 0;
    width: 40px;
	cursor: pointer;
	z-index: 55;
}
#galllist #listleft{
	left: 0;
	background: url("../../temp/images/left.png") no-repeat scroll center center transparent;
}
#galllist #listright{
	right: 0;
	background: url("../../temp/images/right.png") no-repeat scroll center center transparent;
}
#galllist #listfotki{
	min-height: 100px;
    overflow: hidden;
	position: relative;
}
#galllist #listfotki ul{
	min-height: 100px;
    overflow: hidden;
	margin:0;
	padding:0;
	/*width: 1024px;*/

}
/* the end */
#galllist li{
	display: block;
    float: left;
    height: 90px;
    list-style: none outside none;
    position: relative;
    width: 90px;
	margin: 5px;
}
#galllist li img{ cursor: pointer;}
#galllist li b {
    cursor: pointer;
    height: 100%;
    position: absolute;
    width: 100%;
}
#galllist li b:hover{background: url(../../temp/images/zoom.png) no-repeat scroll center center transparent;}
#gall img{
	max-height: 600px;
	max-width: 800px;
	margin: 0 auto;
}
#gall s{
	background: url("../../2012/temp/images/dele.png") no-repeat scroll center center #FFFFFF;
    border: 1px solid orange;
    border-radius: 7px 7px 7px 7px;
    cursor: pointer;
    display: block;
    height: 20px;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 20px;
}