@charset "utf-8";
.photo {
margin:auto;
height:inherit;
overflow:inherit;
color:#333333;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif; 
font-size:10px;
line-height:14px; }


.photo ul.topic {padding:0; margin:0; list-style:none;}


.photo ul.topic li a ul,  
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li.active ul
{display:block; list-style:none; padding:0; margin:0; height:auto; background:#fff; width:580px; padding:0;}

.photo ul.topic li ul, 
.photo ul.topic li ul
{display:block;list-style:none; padding:0; margin:0; height:auto; background:#fff; width:580px; padding:0 ;}

.photo ul.topic li ul li
{display:inline; width:117px; height:87px; float:left; border:1px solid #fff; margin-bottom:20px; margin-left:5px;padding-bottom:10px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:pointer; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-40px; width:200px; height:150px; border-color:#fff;}