﻿
.imageshow
{
	width:440px;
	height:355px;
	border:#FEA429 1px solid;
}

.textinfo
{
	width:180px;
	height:300px;
	float:left;
}

.yearstyle
{
	 width:100%;
     font-size:14px;
	 text-align:left;
	 color:#8C8CA2;
	 padding-left:20px;
	 padding-top:5px;
}

.titlestyle
{
	width:100%;
    font-size:16px;
	font-weight:bold;
    text-align:left;
    color:#7D7D7D;
    padding-top:5px;
    padding-left:10px;
}

.subtitlestyle
{
   width:100%;
   font-size:14px;
   text-align:left;
   color:#8C8CA2;
   padding-top:5px;
   padding-left:10px;
}

.imagecontent
{
	float:right;
	width:430px;
	height:300px;
	position:relative;
}

.imagecontent img
{
	position:absolute;
}

.imagethumbnailscontent
{
	float:left;
	width:440px;
	height:55px;
	position:relative;
	background-color:#DBDBDB;
    border-bottom:solid 1 #FEA429;
}

.preimagebtn
{
	 background:url('../Images/jt_left.png') no-repeat;
	 width:26px;
	 height:31px;
	 float:left;
	 cursor:pointer;
	 position:absolute;
	 left:0px;
	 top:20px;
}

.nextimagebtn
{
	 background:url('../Images/jt_right.png') no-repeat;
	 width:26px;
	 height:31px;
	 position:absolute;
	 right:0px;
	 top:20px;
	 float:right;
	 cursor:pointer;
}

.imagethumbnails
{
	width:388px;
	margin:auto;
	height:57px;
	position:relative;
}

.imagethumbnails img
{
	position:absolute;
	height:50px;
	top:1px;
	border:solid 2px #FFFFFF;
	cursor:pointer;
	display:none;
}

.imagethumbnails img:hover
{
	border:solid 2px Yellow;
}


#ImagePlay {width:920px; height:460px; border:#FEA429 8px solid;margin:auto; position:absolute; z-index:100; background-color:#838382; display:none;}
#ImagePlay #imageNumber {display:block; width:200px; height:38px; background:url(../Images/number.gif); text-align:center; line-height:38px; font-size:11px; margin:0; color:#222; position:absolute; top:110px; left:200px;}

#ImageShow {width:780px; float:left; height:400px;}
#ImageShow img {display:block; margin:auto; margin-top:5px; border:solid 1px #fff;}

.ImageShowClose
{
	width:20px;
	height:20px;
	float:right;
	cursor:pointer;
	background:url('../images/CloseDialog.gif') no-repeat;
	margin-top:2px;
}

#ImagePlayPre{width:54px; height:54px; margin-top:180px; float:left; cursor:pointer; background-image:url('../Images/ImageShow/pre_click.png');}
#ImagePlayPre:hover{background-image:url('../Images/ImageShow/pre_hover.png');}
#ImagePlayNext{width:54px; height:54px; margin-top:180px; float:right; cursor:pointer; background-image:url('../Images/ImageShow/next_click.png');}
#ImagePlayNext:hover{background-image:url('../Images/ImageShow/next_hover.png');}

.Thumbnails {width:890px; border-top:solid 1px #FFFFFF; margin-left:5px; height:60px; clear:both;}
.ThumbContainer{float:left;height:50px; margin-right:3px; margin-top:2px; border:solid 3px #FFFFFF;cursor:pointer;}
.ThumbContainer img{ height:50px; margin:0px; padding:0px;}

#clickLeft {width:35px; height:38px; position:absolute; left:160px; top:110px; background:#fff url(../Images/blank.gif);}
#clickRight {width:35px; height:38px; position:absolute; left:405px; top:110px; background:#fff url(../Images/next.gif);}
#slideLeft {width:15px; height:89px; position:absolute; left:50px; top:14px; background:url(../Images/trans.gif);}
#slideRight {width:15px; height:89px; position:absolute; right:50px; top:14px; background:url(../Images/trans.gif);}
#autoPlay {width:35px; height:38px; position:absolute; left:445px; top:110px; background:#fff url(../Images/play.gif);}
