#timelineOuter{
    height:370px;overflow:hidden;
   /*box-shadow:0 0 5px 3px #aaa;*/
    border-radius:2px;
    border:3px solid #e8e6e2;
    position:relative;margin-bottom:20px;background-color:#ccc8bc;
    width:100%;
    margin-left:auto;
    margin-right:auto;
	margin-top:5px;
}
#timelineInner{
    /*background-color:green;*/
    position:absolute;width:3540px;height:300px;padding: 10px 100px;background:url('http://irannationalmuseum.ir/img/timeline/timelineBg.png') right;
}
#timelineTimeline{
    position:absolute;right:0;top:320px;background-color:rgba(100,98,88,0.5);padding:10px 35px;font-size:x-large;color:#fff;
    font-family: iransans;
	width: 100%;
text-align: center;
}
.timelineImg{
    display:block;margin:0 30px;
    transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transition-duration:0.3s;
}
.timelineObjDiv:hover .timelineImg{
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
}
.timelineObjDiv:hover .timelineDescTxt1{
    font-size:small;
}
.timelineObjDiv:hover .timelineDescTxt2{
    font-size:smaller;
	
}
/*.timelineObjDiv:hover + .timelineObjDiv .timelineImg{
    transform: scale(0.85);
    -ms-transform: scale(0.85);
    -webkit-transform: scale(0.85);
}*/
.timelineObjDiv:hover .timelineDescOuter{
    background-color: #ccc8bc;
    color: #000000;
    z-index: 99999999999;
    border-radius: 5px;
}
.timelineObjDiv{
    position:absolute;min-width:20px;min-height:20px;
    /*background-color:Highlight;*/
    /*transition-duration:0.4s;*/
}
.timelineDescOuter{
    /*background-color:red;*/
    text-align:center;color:#888;
    transition-duration:0.3s;
}
.timelineDescTxt1{
    font-size:smaller; 
    transition-duration:0.3s;
	
}
.timelineDescTxt2{
    font-size:0;
    transition-duration:0.3s;
	line-height:12px;
	
}

#obj001{
    right:57px;bottom:35px;width:179px; 
}
#obj002{
    right:200px;bottom:25px;width:150px;
}
#obj003{
    right:315px;bottom:35px;width:185px;
}
#obj004{
    right:470px;bottom:35px;width:150px;
}
#obj005{
    right:650px;bottom:35px;width:145px;
}
#obj006{
     right:790px;bottom:10px;width:185px;
}
#obj007{
    right:990px;bottom:35px;width:160px;
}
#obj008{
    right:1228px;bottom:35px;width:118px;
}
#obj009{
    right:1380px;bottom:35px;width:180px;
}
#obj010{
    right:1580px;bottom:35px;width:100px;
}
#obj011{
    right:1775px;bottom:35px;width:195px;
}
#obj012{
    right:1975px;bottom:35px;width:150px;
}
#obj013{
    right:2130px;bottom:35px;width:170px;
}
#obj014{
    right:2283px;bottom:35px;width:141px;
}
#obj015{
    right:2370px;bottom:35px;width:183px;
}
#obj016{
    right:2510px;bottom:35px;width:185px;
}
#obj017{
    right:2660px;bottom:35px;width:205px;
}
#obj018{
    right:2812px;bottom:35px;width:161px;
}
#obj019{
    right:2930px;bottom:35px;width:110px;
}
#obj020{
    right:2995px;bottom:35px;width:210px;
}
#obj021{
    right:3145px;bottom:35px;width:155px;
}

.timelineMove{
    position:absolute;width:30px;height:50px;top:135px;cursor:pointer;opacity:0.8;
    transition-duration:0.3s;
}
.timelineMove:hover{
    opacity:1;
}
#timelineMoveLeft{
    left:0;background:url('../img/icons/moveLeft.jpg') center;
}
#timelineMoveRight{
    right:0;background:url('../img/icons/moveRight.jpg') center;
}