﻿@charset "utf-8";
h2,ul,li{margin:0;padding:0;list-style:none;}
img{border:0;}
.copyright{ position:relative; top:520px; left:10px; width:300px; height:200px; line-height:10px;}
.copyright a:link{color:#666666; text-decoration:none;}
.copyright a:hover{color:#CC9900; text-decoration:underline;}
.imgview{
 position: relative;
 top: 0;
 width: 780px;
 height: auto;
 min-height: 540px;
 background-color: #CCC;
 font-size: 80%;
 left: 10;
 
} 
a, img {
 border:0;
}
.imgview h2{position:absolute;top:10px;left:10px;width:290px;height:30px; background-color:#FFF;color:F00;font-size:1.2em;text-indent:10px;line-height:30px;}
.imgview ul{
 overflow-y:auto;
 overflow-x:hidden;
 position: absolute;
 top: 50px;
 left: 10px;
 z-index: 999;
 width: 290px;
 height: 480px;
 background-color: #FFF;
}
.imgview ul li{float:left; width:77px; height:59px; margin:8px 6px 7px; border:1px solid #DEDEDE;}
.imgview ul li strong{display:none;}
.imgview ul li:hover{cursor:pointer;}
.imgview ul li a:hover{display:block;width:100%;height:100%;text-decoration:none;}
.imgview ul li:hover strong,
.imgview ul li a:hover strong{display:block;position:absolute;top:450px;left:300px; width:466px;height:30px; background-color:#FFF; color:#000; text-indent:10px; line-height:30px;}
.imgview ul li:hover span img, .imgview ul li a:hover span img{position:absolute;top:-40px; left:300px; width:466px; height:480px; }
.imgview ul li img{width:75px;height:57px;}
.imgview ul li.current img{border:solid 1px #3366cc;}
.imgview .imgview-bgtext{
 position: absolute;
 top: 10px;
 left: 308px;
 z-index: 999;
 width: 466px;
 height: 480px;
 border: 1px solid #999999;
 color: #efefef;
 font-size: 5em;
 text-align: center;
 line-height: 480px;
 
 
  
}
.imgview{
 _height:540px;
 _font-size:75%;
}
.imgview ul {_height:480px;}
.imgview ul:after{ content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}
.imgview ul li{_height:63px;
_margin:8px 5px 7px;}
.imgview .imgview-bgtext{
 _width: 467px;
 font-size: 3.5em;
 
}
